TinyMCE / RichTextEditor的内容未按预期工作

时间:2016-07-19 13:23:29

标签: javascript html tinymce sapui5 rich-text-editor

我有两个相邻的div。可以直接将文字编辑或粘贴到div中,而不删除div

在纯HTML代码中,它工作正常,但是当我尝试在RichTextEditor中放入相同的HTML代码时,它无法按预期工作。只要在选择div的所有内容后粘贴某些内容或按下某个键,就会删除整个div

据我所知,默认情况下,编辑器中的所有内容都是可编辑的,因此要阻止它被删除,我已经通过设置div s的“contenteditable”属性编写了一个变通办法代码。

这是纯HTML代码,其解决方法工作正常:https://jsfiddle.net/0vfe1k37/

这是RichTextEditor,其解决方法是HTML代码:https://jsfiddle.net/fyncyteu/。在此选择所有内容后粘贴任何文本时,div将被删除或我无法再编辑内容。

我对此进行了排查,发现粘贴后,div元素会被添加到主体中,并带有编辑内容的副本。

<div data-mce-bogus="all" class="mce-offscreen-selection" id="sel-mce_0" style="top: 0px;">

如果我删除oRTE.setPlugins([{name:"paste"}]);,那么它工作正常,我不明白为什么,也许一些粘贴行为正在改变。但我需要这个插件。还有其他解决方法吗?

0 个答案:

没有答案