阅读模式:

百度ueditor编辑器自定义工具栏

查看:7647  回复:0  类型:  来源:百度ueditor  标签 ueditor

百度ueditor编辑器自定义工具栏:

//引入编辑器配置文件和核心文件

<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

//内容容器
<script id="content" type="text/plain" name="content"></script>

<script type="text/javascript">
    var ue = UE.getEditor('content', {
        toolbars: [
            [
        //自定义的工具栏,自定义增减 
                'undo', //撤销
                'redo', //重做
                'bold', //加粗
                'indent', //首行缩进
                'italic', //斜体
                'underline', //下划线
                'strikethrough', //删除线
                'subscript', //下标
                'fontborder', //字符边框
                'superscript', //上标
                'formatmatch', //格式刷
                'pasteplain', //纯文本粘贴模式
                'selectall', //全选
                'preview', //预览
                'horizontal', //分隔线
                'removeformat', //清除格式
                'time', //时间
                'date', //日期
                'inserttitle', //插入标题
                'cleardoc', //清空文档
                'insertcode', //代码语言
                'fontfamily', //字体
                'fontsize', //字号
                'paragraph', //段落格式
                'link', //超链接
                'emotion', //表情
                'spechars', //特殊字符
                'searchreplace', //查询替换
                'justifyleft', //居左对齐
                'justifyright', //居右对齐
                'justifycenter', //居中对齐
                'justifyjustify', //两端对齐
                'forecolor', //字体颜色
                'backcolor', //背景色
                'insertorderedlist', //有序列表
                'insertunorderedlist', //无序列表
                'fullscreen', //全屏
                'directionalityltr', //从左向右输入
                'directionalityrtl', //从右向左输入
                'rowspacingtop', //段前距
                'rowspacingbottom', //段后距
                'imagenone', //默认
                'imageleft', //左浮动
                'imageright', //右浮动
                'imagecenter', //居中
                'lineheight', //行间距
                'edittip ', //编辑提示
                'customstyle', //自定义标题
                'autotypeset', //自动排版
                'drafts', // 从草稿箱加载
            ]
        ],
        autoHeightEnabled: true,
        autoFloatEnabled: true
    });
</script>


百度编辑器官网地址:http://fex.baidu.com/ueditor/#start-toolbar


分享到:
1 2

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
centos 7 添加 redis 3.2.9 开机启动脚本   阅读:8740php打印九九加法表   阅读:9090程序员找工作三要素(必看)   阅读:5240session与cookie的区别   阅读:3848centos 7.2 添加php7 的 php-fpm 开机启动   阅读:22706mysql5.7开启sql日志的配置   阅读:8224最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:10165网站性能优化-页面静态缓存   阅读:5099比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:4636栈和堆的区别   阅读:4589centos7中颁发CA证书并开启web https   阅读:6165Nginx 配置文件详解   阅读:4270php打印三角形   阅读:7927php 读取和设置redis的键值   阅读:6824php打印九九加法表   阅读:9090html5 离线缓存的使用   阅读:3980网站局部小图片优化-base64编码图片   阅读:9553mongodb设置shell开机启动脚本   阅读:9031php 读取和设置redis的键值   阅读:6824javascript点击复制内容   阅读:6228shell脚本统计当前服务器并发连接数   阅读:6513centos7开启交换内存   阅读:10023分享:淘宝技术这十年   阅读:4352centos 7 添加 redis 3.2.9 开机启动脚本   阅读:8740mysql 为什么添加索引可以提高访问速度   阅读:5539给网站添加一键qq登录的功能   阅读:6702mysql数据库性能的基本优化   阅读:4197mysql数据库性能的基本优化   阅读:4197霍金24岁博士毕业论文在线预览   阅读:5178shell发送邮件脚本   阅读:6652HTTP 1.1 协议详解   阅读:9360分享:淘宝技术这十年   阅读:4352centos 7 安装 redis 3.2.9   阅读:6147shell脚本批量删除几天前的文件   阅读:8784移动端自适应rem原理   阅读:9105十张GIF让你弄懂递归等概念   阅读:5575移动端自适应rem原理   阅读:9105移动端js触摸touch详解(附带案例源码)   阅读:15583面试都会问你为什么你从上一家公司离职的真实意思   阅读:10317TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:2757移动端自适应rem原理   阅读:9105javascript点击复制内容   阅读:6228mysql5.7开启sql日志的配置   阅读:8224centos 7 设置 nginx-1.11.10 开机启动   阅读:7470crontab+shell脚本实现定时备份mysql数据库   阅读:7091linux时间戳有趣的情人节秒1234567890   阅读:5019网站性能优化-页面静态缓存   阅读:5099ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:8523mysql5.7主从同步配置   阅读:4185php 读取和设置redis的键值   阅读:6824