django-mdeditor出现的自动聚焦问题

最新推荐文章于 2023-07-31 15:19:06 发布

secowo

最新推荐文章于 2023-07-31 15:19:06 发布

阅读量352

点赞数

分类专栏： Django 文章标签： Django javascript

本文链接：https://blog.csdn.net/secowo/article/details/99685847

版权

Django 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在使用的过程中出现了一些问题，在页面中加载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,   //这是我们新增的一行
		.....