TinyMCE -写插件,插入内容在顶部

TinyMCE - Writing plugin that insert content on top

本文关键字:顶部 插入 插件 TinyMCE      更新时间:2023-09-26

我正试图为TinyMCE编写一个插件,该插件具有将内容添加到内容开头的功能。我知道下面的命令将在光标的当前位置插入内容。我如何强制它在内容的开头插入它?

tinyMCEPopup.editor.execCommand('mceInsertRawHTML', false, "halo world");
tinyMCEPopup.editor.execCommand('mceInsertContent', false, "halo world");

为此,您需要将光标位置设置为编辑器内容的开头。你可以使用setCursorLocation:

 ed.selection.setCursorLocation(ed.getBody().firstChild, 0); // node to set the cursor to, second param is offset

setCursorLocation将光标移动到第一个html元素的第一个内容字符的位置。这意味着如果你当前的html内容看起来像:<div>abcd</div>然后setCursorLocation将光标移动到<div>abcd之间。在某些情况下,这是不可接受的。所以另一个解决方案是:ed.setContent('yourText' + ed.getContent())