为 UEditor for Typecho 添加阅读更多按钮

为 UEditor for Typecho 添加阅读更多按钮

使百度UEditor for Typecho有一段时间了,一直对这个编辑器缺少的一个功能耿耿于怀,就是More按钮。

tips:UEditor这个插件有些老,属于上古插件了,不建议大家继续使用,建议提前转markdown,告别html富文本编辑器。

这个按钮就是类似在wordpress中,点击后会自动添加标签,这样可以省了我去敲这个标签(懒)。

具体做法如下:

新建文件:moreBtn.js文件

文件内容如下:

UE.registerUI('阅读更多',function(editor,uiName){
    //注册按钮执行时的command命令,使用命令默认就会带有回退操作
    editor.registerCommand(uiName,{
        execCommand:function(){
            alert('execCommand:' + uiName)
        }
    });

    //创建一个button
    var btn = new UE.ui.Button({
        //按钮的名字
        name:uiName,
        //提示
        title:uiName,
        //需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon
        cssRules :'background-position: -460px -40px;',
        //点击时执行的命令
        onclick:function () {
            //这里可以不用执行命令,做你自己的操作也可
           //editor.execCommand(uiName);
           editor.execCommand('inserthtml', '<!--more-->');
        }
    });

    //当点到编辑内容上时,按钮要做的状态反射
    editor.addListener('selectionchange', function () {
        var state = editor.queryCommandState(uiName);
        if (state == -1) {
            btn.setDisabled(true);
            btn.setChecked(false);
        } else {
            btn.setDisabled(false);
            btn.setChecked(state);
        }
    });

    //因为你是添加button,所以需要返回这个button
    return btn;
}/*index 指定添加到工具栏上的那个位置,默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的,默认是页面上所有的编辑器都会添加这个按钮*/);

将该文件保存到:你的Typecho目录/usr/plugins/UEditor/ueditor下。

修改/usr/plugins/UEditor下的:Plugin.php文件。

具体为,在函数:render

$js = Typecho_Common::url('UEditor/ueditor/ueditor.all.min.js', $options->pluginUrl);

下面添加:

$moreBtn = Typecho_Common::url('UEditor/ueditor/moreBtn.js',$options->pluginUrl);

echo '<script type="text/javascript" src="'. $configJs. '"></script><script type="text/javascript" src="'. $js. '"></script>';

后面添加

echo '<script type="text/javascript" src="'. $moreBtn. '"></script>';

刷新页面即可。

按钮会自动添加在最后一个哟。

免责说明

本站资源部分来自网友投稿,如有侵犯你的权益请联系管理员或给邮箱发送邮件PubwinSoft@foxmail.com 我们会第一时间进行审核删除。
站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面
本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

温馨提示:本站部分付费下载资源收取的费用为资源收集整理费用,并非资源费用,不对下载的资源提供任何技术支持及售后服务。

给TA打赏
共{{data.count}}人
人已打赏
实用工具

如何破解JS加密?前端JS加密爆破神器你值得拥有

2023-8-2 13:44:34

Typecho教程

Typecho 编辑器扩展插件 SMEditor 添加新功能

2023-3-28 9:11:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索