在TinyMCE编辑器问题中插入具有跨度的内容

Question

我一直试图将带有跨度标签的文本插入光标所在的TinyMCE编辑器中，但是按ENTER键后，每次跨度标签我都会得到。

这是我通过按钮插入文本的功能：

function Insert(){
    tinymce.activeEditor.execCommand('mceInsertContent', false, '<span class="bgTest" data-prefix="ABC">This is a inserted text</span> ');
}

这是我的浏览器输出：Imgur

Answer 1

因此，如果我理解正确，则该功能可以与您的按钮配合使用。但是当您在键入时单击Enter时，它不能正确显示吗？

这听起来像是Enter键的默认行为是这里的问题。您需要防止Enter键的默认行为。您需要f()。

我尚未更改您的preventDefault()函数，因此它仍然可以与您的按钮一起使用。

但是我向Insert()添加了keydown事件监听器，该事件监听器将.tinymce回车键的正常行为（即添加换行符）。然后，您将触发preventDefault()函数。

Insert()

希望这会有所帮助。如果您需要其他帮助，请告诉我：)。