欢迎您来到,李雷博客 | PHP博客        登录  |  注册

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

更新:2022-11-15 09:28:30
人气:84
来源:本站原创
A+

这个问题是出现在了使用引用功能后,后面没有了段落标记造成无法在后面继续写内容。手动回车也只能是在引用块内增加段落,除非在源代码中增加“<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.mdaima.com", //作者网址
            };
        }
    };
});

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

推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2023 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号-4