javascript - "Wrapper"TinyMce 自定义插件

Question

也许你们可以帮助我。我正在尝试为 TinyMce 创建一个自定义插件，它基本上像这样包装我的选择:

<div class="myClass" > 内容 </div>

有点像粗体按钮的工作原理。我不太了解 javascript，目前的插件真的很困惑，所以我想知道是否有人可以告诉我该怎么做。我已经创建了我的自定义插件并使其显示在 TinyMce 上，所以这部分已经完成，我只需要方法。

谢谢!

Answer 1

包装选择不是大问题 - 如果您的 html 根元素是 <p> .否则它不会工作。

这是必要的代码:

var ed = tinymce.get('my_editor_id');
var content = ed.selection.getContent();
tinymce.execCommand('insertHTML', false, '<div class="myClass">'+content+'</div>');

请注意，仅选择段落的一部分时可能会遇到问题。