jquery - 将短代码包装在临时 div 包装器中以进行编辑，然后在保存内容之前将其删除

Question

我正在开发一个简码预览过滤器，在其中我将所有简码包装在 CSS 分类的 div 中，这些 div 仅用于在内容位于 tinyMCE 编辑器中时查看。

我遇到的第一个挑战是如何在保存文档之前从标记中去除包装 div。

第二个挑战是如何在保存后每次短代码出现在编辑器中时重新应用包装器。

我正在寻找一个使用 jQuery 在加载和保存例程期间解析和过滤 TinyMCE 编辑器内容的示例。

Answer 1

我遇到的第一个挑战是如何在保存文档之前从标记中去除包装 div。

这很容易。只需给你的 wrapperDivs 一个特殊的类

var ed = tinymce.get('my_editor_id');
$(ed.getBody()).find('div.my_special_class').each(function(){
    $(this).replaceWith(this.innerHTML);
});

第二个挑战是如何在保存后每次短代码出现在编辑器中时重新应用包装器。

这个比较难回答。这取决于检测短代码的难度。