在使用的过程中出现了一些问题,在页面中加载django-mdeditor的时候会自动聚焦到输入栏中,当我们使用该表单作为评论功能的时候就会出现一些问题,比如说是会出现文章没有看到,直接回聚焦到了评论框中.
为了解决这问题,我们将会是更改安装包中的一些数据
首先我们先要进入到的Python
安装的环境中:
例如: 我是使用的虚拟环境,故而该安装包的位置就会出现在./venv/dajngo/lib/python3.6/site-packages/mdeditor/
中。
- 首先我们需要将
./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,
...
- 然后我们将
./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, //这是我们新增的一行
.....
更多的内容请见刘龙韬的博客