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

其他教程   发布日期:2023年05月27日   浏览次数:231

这个问题是出现在了使用引用功能后,后面没有了段落标记造成无法在后面继续写内容。手动回车也只能是在引用块内增加段落,除非在源代码中增加“<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”相关的文章里面有介绍过使用方法。

以上就是TinyMCE增加修复插件实现在最后增加一个段落标签的详细内容,更多关于TinyMCE增加修复插件实现在最后增加一个段落标签的资料请关注九品源码其它相关文章!