javascript - TinyMCE 包含元素？

Question

我为 Wordpress 编写了一个 TinyMCE 插件，当单击工具栏上的按钮时，它会将准备好的 HTML 放入文本区域。这是为了辅助格式化一些相对复杂的元素。

我希望将这段 HTML 包装在某种 TinyMCE 可识别的容器中，并允许在需要时轻松选择或删除。

目前，删除单个元素的唯一方法是删除每个“子元素”包含的所有信息。我似乎无法在 API 中找到任何有关手动将元素分配为单个组合对象的信息。就行为而言，想想“resize frame” 或类似的东西(只有它不需要任何调整大小的功能)。

有什么想法吗？

Answer 1

如果你想在 tinymce 编辑器实例 ed 的当前光标位置将文本/html 包装在你选择的元素内(我在这里使用了一个跨度)你可以简单地做

ed.execCommand('insertHTML', false, '<span class="custom_to_delete">My_Text</span>');