modal对话框里的editormd不能编辑

原因是modal对话框显示的延时问题造成的,就是在modal对话框还未显示完成前,就对editormd进行渲染,会造成editormd不能编辑。

解决方案:

        在modal对话框的show.bs.modal事件触发后延时300毫秒再对editormd进行渲染,问题解决。

附上代码:

<script>
	function initEditorMd(){
		// 渲染editormd编辑框
		editormd('editor',{
			placeholder:'请输入内容',
			height: 300,
			// 需要引入下面这个目录
			path:"{% static 'pluging/editor.md-master/lib/' %}",
			// 开启文件上传功能
			imageUpload:true,
			imageFormats:['jpg','jpeg','png','gif'],				
			imageUploadURL:"{% url 'wiki_upload' project_id=request.project_object.id%}",
			
		})
	}
	function initModal(){
		// 初始化modal对话框
		$('#addModal').on('show.bs.modal', function (e) {
			
			setTimeout(function(){
				// 延时300ms后对editormd编辑框进行渲染
				initEditorMd()
			},300)
			
		})
	}
	$(document).ready(function(){
		initModal()		
	})

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

暮毅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值