JQuery 引入 Vditor 可以渲染成功，backspace 删除不了

如图，可以编写，但是不知道为什末使用 backspace 删除不了！看了一下午不知道问题出在哪

HTML 中代码：

<div id="vditor" class="vditor" style="z-index: 999;"></div>

JS 部分的代码如下：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vditor/dist/index.css" />
    <script src="https://cdn.jsdelivr.net/npm/vditor/dist/index.min.js"></script>
<script>
 var myeditor = null;
 $(document).ready(function() {
        //     初始化vditor
            initVditor();
        });

 function initVditor(){
            myeditor = new Vditor(
                "vditor",
                {
                    height: 500,
                    outline: {
                        enable: false
                    },
                    cache: {
                        enable: false
                    },
                    resize: {
                        enable: true,
                        position: "bottom"
                    },
                    cdn: "/js/vditor",
                    toolbar: [
                        "headings", "bold", "italic", "strike", "link", "|",
                        "list", "ordered-list", "outdent", "indent", "|",
                        "quote", "line", "code", "inline-code", "|",
                        "upload", "|",
                        "undo", "redo", "|",
                        "fullscreen", "edit-mode", "outline",
                        {
                            name: "more",
                            toolbar: [
                                "both",
                                "code-theme",
                                "content-theme",
                                "export",
                                "preview",
                                "devtools"
                            ]
                        }
                    ],
                    // 初始化的内容
                    value: "mkcontent",
		})
}
<script>