【发布时间】:2019-10-21 20:22:47
【问题描述】:
我最近遇到了一个问题,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>
这是一个最近的问题,据我所知,该网站没有进行任何更改。这发生在启用 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>
这又一次,直到最近都运行良好。我在使用它的几个页面上使用相同的初始化。
图片是源代码,从tinymce的工具栏看。顶部的重要测试文本是我在文本区域中输入的内容。 tinymce editor source code
【问题讨论】:
-
您是否包含来自非特定版本的在线资源的 TinyMCE,例如 Tiny 自己的 CDN?这可以解释为什么这个问题最近才出现。比如说,5.0.15 工作,而最新的 5.0.16 产生了这个问题 - 那么他们的 CDN(仅针对主要版本更改)会导致这个问题,而像 CDNJS 这样的东西你可以专门选择 5.0.15,或者下载它到你的服务器。
-
@zbee 它通过服务器上的文件夹链接。所以不幸的是,这里不是这种情况。感谢您的回复!
-
哦......行为本身发生了变化,这很奇怪 - 如果您的代码有版本控制,我会调查一下。显然,包含允许您解决此问题的 API 设置的答案将解决问题,但恢复这样的重大更改会更容易。
-
小更新,我发现这个问题只发生在Chrome上。它不会出现在 Firefox 或 Edge 上。
-
你在 Chrome 上有一些扩展吗?