欢迎访问WDPHP素材源码!今天是2024年04月28日 星期日,晚上好!夜色多美啊!
您好,游客 [ 马上登录 | 注册帐号 | 微信登录 | QQ登录]
当前位置:首页 > 教程 > 其他教程 > 

TinyMCE增加修复插件实现在最后增加一个段落标签
栏目分类:其他教程    发布日期:2023-08-04    浏览次数:584次     收藏

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

源码 模板 特效 素材 资源 教程 站长