tinymce - 如何在 tinyMCE 中移动光标而不添加书签？

Question

我正在尝试将您的编辑器集成到 phpbb。我想在插入后在空 bbcode 之间移动光标。例如，单击 [bbbcode] 按钮将 [bbbcode][/bbbcode] 插入编辑器。

当我使用书签时：

ed.selection.setContent('[bbbcode]');
p = ed.selection.getBookmark();
ed.selection.setContent('[/bbbcode]');
ed.selection.moveToBookmark(p);

当我发布它时，这将从最终来源中删除最后一部分（ [/bbbcode] ）。编辑器显示最后一部分，但是当将内容发布到服务器时，最后一部分 ( [/bbbcode] ) 由于书签移动而丢失。

有没有办法用书签移动光标？

我想插入 [bbbcode][/bbbcode] 并将光标移到此处：[bbbcode]here[/bbbcode]

score 3 · Accepted Answer

您应该插入类似[bbbcode]<span id="marker">.</span>[/bbbcode]. 插入后，您选择并删除跨度元素：

var $marker = $(ed.getBody()).find('#marker');
tinymce.activeEditor.selection.select($marker.get(0) );
$marker.remove();

1 回答 1