原因是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()
})