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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值