刘龙韬的博客-文章：Django-mdeditor中的自动聚焦问题

Django-mdeditor中的自动聚焦问题

日期: 2019/08/14
作者: longtao
分类: Django
阅读: 430

# django-mdeditor出现的问题

在使用的过程中出现了一些问题，在页面中加载django-mdeditor的时候会自动聚焦到输入栏中，当我们使用该表单作为评论功能的时候就会出现一些问题，比如说是会出现文章没有看到，直接回聚焦到了评论框中.

为了解决这问题，我们将会是更改安装包中的一些数据

首先我们先要进入到的`Python`安装的环境中：

例如： 我是使用的虚拟环境，故而该安装包的位置就会出现在`./venv/dajngo/lib/python3.6/site-packages/mdeditor/`中。

1. 首先我们需要将`./static/mdeditor/js/editormd.js`中的`autoFocus:true`改为`autoFocus:false`

```
autoLoadModules      : true,           // Automatic load dependent module files
watch                : true,
placeholder          : "Enjoy Markdown! coding now...",
gotoLine             : true,
codeFold             : false,
autoHeight           : false,
        autoFocus            : false,       //我们需要更改的位置
autoCloseTags        : true,
...

```

2. 然后我们将`./templates/markdown.html`中增加`autoFocus:false`:

```
 $(function () {
        editormd("{{ id }}-wmd-wrapper", {
            watch: {{ config.watch|lower }}, // 关闭实时预览
            lineNumbers: {{ config.lineNumbers|lower }},
            lineWrapping: {{ config.lineWrapping|lower }},
            width: "{{ config.width }}",
            height: {{ config.height }},
		autoFocus: false,   //这是我们新增的一行
		.....
```

网站名称: 刘龙韬的博客
本文链接: www.liulongtao.com/aritcle/6
版权声明: 未经允许，禁止转载！

相关文章：

上一篇： MarkDown测试
下一篇：文章的上一篇和下一篇的内容

提交评论

评论列表

共有2评论

目录

最新文章

分类

标签

本站内容

1. 本站运行时间：

2. 本站使用Django搭建

3. 本站使用阿里云服务器

文章介绍

1. Python学习

2. java学习

3. 前端开发

友链

©copyright 刘龙韬的博客 | 备案：鲁ICP备17024355号-1