TinyMCE增加修复插件实现在最后增加一个段落标签

栏目分类：其他教程    发布日期：2023-08-04    浏览次数：372次     收藏

这个问题是出现在了使用引用功能后，后面没有了段落标记造成无法在后面继续写内容。手动回车也只能是在引用块内增加段落，除非在源代码中增加“<p></p>”标记，这样很麻烦就自己做了一个修复插件。

tinymce.PluginManager.add('lilei_xiufu', function (editor) {
    function function_lilei_chuli() {
        editor_lilei = tinymce.activeEditor;
        var str = editor_lilei.getContent();
        var reg = /<([a-z]+?)(?:\s+?[^>]*?)?>\s*?<\/\1>/ig;
        str = str.replace(reg, "");
        editor_lilei.setContent(str + '<p></p>');
        //光标放最后
        editor_lilei.execCommand('selectAll');
        editor_lilei.selection.getRng().collapse(false);
        editor_lilei.focus();
        tipsJS('内容BUG修复成功！', 3000)
    }
    editor.ui.registry.addToggleButton('lilei_xiufu', {
        icon: 'warning',
        tooltip: "修复内容BUG",
        onAction: function () {
            function_lilei_chuli();
        }
    });
    // 注册一个菜单项名称 menu/menubar
    editor.ui.registry.addMenuItem('lilei_xiufu', {
        icon: 'warning',
        text: "修复内容BUG",
        onAction: function () {
            function_lilei_chuli();
        }
    });
    return {
        getMetadata: function () {
            return {
                //插件名和链接会显示在“帮助”→“插件”→“已安装的插件”中
                name: "修复内容BUG",//插件名称
                url: "https://www.19jp.com", //作者网址
            };
        }
    };
});

以上就是插件的代码，如果不会用可以在九品源码中搜索“TinyMCE”相关的文章里面有介绍过使用方法。