当前位置: 首页 > 工具软件 > mdEditor > 使用案例 >

Django-mdeditor自动聚焦的解决办法

赵炯
2023-12-01

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,
...

  1. 然后我们将./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,   //这是我们新增的一行
		.....

更多的内容请见刘龙韬的博客

 类似资料: