我最近遇到了一个问题,tinymce 将 div 标签添加到它启用的所有内容中。这会在我们的数据库中输入大量不必要的字符,有时会超出最大字符数,并且不允许用户输入信息。
正在输入的信息是:
important test <div id="mouseposition-extension-element-full-container" style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; z-index: 2147483647; font-weight: 400;"> <div id="mouseposition-extension-element-rect-display" style="display: none; position: absolute; background: rgba(255, 255, 255, 0.7); outline: black solid 1px; font-size: 12px; z-index: 2147483647; justify-content: center; align-items: center; user-select: none; cursor: default; color: #000000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 0px; height: 0px;"> <pre style="flex: 1 1 0%; text-align: center; background-color: rgba(255, 255, 255, 0.7); color: #000000; min-width: 42px; min-height: 12px; transition: all 1s ease 0s;"> </pre> </div> <pre id="mouseposition-extension-element-coordinate-display" style="position: absolute; display: none; background: #ffffff; font-size: 12px; line-height: 14px; border-radius: 3px; border-width: 1px; border-color: #222222 black #333333; border-style: solid; padding: 3px; z-index: 2147483647; color: #222222; user-select: none; cursor: default; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"> </pre> </div>
Run Code Online (Sandbox Code Playgroud)
这是最近的一个问题,据我所知,该网站没有进行任何更改。这种情况发生在启用 tinymce 的每个页面上,并且是最近某个时间(如过去一小时)开始的。用户输入的内容很好,但下一分钟我就接到电话说它不起作用。我的问题是如何删除这个 div 标签?我觉得还需要注意的是,在 tinymce 上,如果我查看源代码(编辑器本身可用的选项),它确实会显示所有 div 信息。
我的tinymce初始化是:
<script type="text/javascript">
tinymce.init({
mode : "textareas",
force_br_newlines : false,
force_p_newlines : false,
forced_root_block : false,
selector: 'textarea',
plugins: [
"advlist autolink lists charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime contextmenu paste save"
],
toolbar: "bullist numlist",
statusbar: false,
setup: function (ed) {
ed.on('change', function () {
ed.save();
});
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
直到最近,这又表现得很好。我在使用它的几个页面上使用相同的初始化。
下图是从tinymce工具栏看到的源代码。顶部的重要测试文本是我在文本区域中输入的内容。 tinymce编辑器源代码