zoukankan      html  css  js  c++  java
  • Ueditor新增按钮小结

     最近小二哥使用Ueditor进行二次开发,新增三个功能按钮,做好之后,对此总结一番,希望对做这种类型功能的码友们助攻一波。

    首先,我们要理清楚Ueditor的目录结构,在接下来开发中轻松点。

    接下来,我们来进行新增按钮流程的梳理:

    1. 首先修改ueditor.config.js,为toolbars添加'radius';

    2. 然后去zh-cn.js找到变量labelMap,在此增加‘radius’的提示信息

    3. 如果需要修改按钮的css样式,需要去themes/default/css/ueditor.css新增代码

    注意:修改后,也要对ueditor.min.css压缩文件进行修改,不然效果出不来,除非html文件不引入压缩文件,直接用原文件。

    4. 然后修改ueditor.all.js

    第一种找到变量btnCmds,添加'radius';

    以下为效果图:

    如果想做成点击按钮,有提示框或者填写页面的效果就要找到变量dialogBtns,添加‘radius’;

    以下为效果图:

    注意:两种不能同时定义,在该文件增加代码后,需要在ueditor.all.min.js也增加,不然效果出不来。

    5. 最后在ueditor.all.js,新增radius命令执行的代码:

    此时功能已完成,我将它分为五部走,这是我的第一篇博客,希望各位大神多多指教,写错误了将我狠狠批斗一波哈哈。

  • 相关阅读:
    __dict__
    谷歌浏览器如何清除当前页面的缓存
    博客园插入超链接时如何取消下划线
    杂七杂八
    博客园首页如何添加 Live 2D 模型
    访问 IIS 元数据库失败 的解决方法 .
    VS 关于无法打开项目文件,此安装不支持该项目类型的问题
    汉字转为unicode
    Windchill 预览效果偏向左边
    MD04
  • 原文地址:https://www.cnblogs.com/boats/p/7049282.html
Copyright © 2011-2022 走看看