Ueditor的两种定制方式
引言
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...
官网:http://ueditor.baidu.com/website/
在线定制:http://ueditor.baidu.com/website/download.html#ubuilder
Asp.Net和Ueditor
在项目中的应用,除非你知道,你需要的富文本框需要哪些功能,你才有可以在线定制,然后下载,但是多数情况下,对需求还是不肯定的,这种情况下,就需要将所有的功能都下载下来,然后根据实际需求,修改配置文件,添加或者移除功能。
在官网中你可以下载:
完整的demo如下:
在应用的时候需要引入:
其中ueditor.config.js就是ueditor的配置文件。找到toolbars(为了方便这里,将toobars重新排版了),这里加了注释,你可以根据需要,将不需要的功能注释,就可以定制你需要的富文本编辑器了。这里lz已添加注释,助于理解。
, toolbars: [
[
'fullscreen'//全屏
, 'source'//html源代码
, '|'
, 'undo'//撤销
, 'redo'//重做
, '|'
, 'bold'//加粗
, 'italic'//斜体
, 'underline'//下划线
, 'fontborder'//字符边框
, 'strikethrough'//删除线
, 'superscript'//上标
, 'subscript'//下标
, 'removeformat'//清楚格式
, 'formatmatch'//格式刷
, 'autotypeset'//自动排版
, 'blockquote'//引用
, 'pasteplain'//纯文本粘贴模式
, '|'
, 'forecolor'//字体颜色
, 'backcolor'//背景色
, 'insertorderedlist'//有序列表
, 'insertunorderedlist'//无序列表
, 'selectall'//全选
, 'cleardoc'//清空文档
, '|'
, 'rowspacingtop'//段前距
, 'rowspacingbottom'//段后距
, 'lineheight'//行间距
, '|'
, 'customstyle'//自定义标题
, 'paragraph'//段落
, 'fontfamily'//字体
, 'fontsize'//字号
, '|'
, 'directionalityltr'//从左向右输入
, 'directionalityrtl'//从右向左输入
, 'indent'//首行缩进
, '|'
, 'justifyleft'//居左对齐
, 'justifycenter'//居中对齐
, 'justifyright'//居右对齐
, 'justifyjustify'//两端对齐
, '|'
, 'touppercase'//字母大写
, 'tolowercase'//字母小写
, '|'
, 'link'//超链接
, 'unlink'//取消链接
, 'anchor'//锚点
, '|'
, 'imagenone'//默认
, 'imageleft'//左浮动
, 'imageright'//右浮动
, 'imagecenter'//居中
, '|'
, 'insertimage'//图片
, 'emotion'//表情
, 'scrawl'//涂鸦
, 'insertvideo'//视频
, 'music'//音乐
, 'attachment'//附件
, 'map'//百度地图
, 'gmap'//google地图
, 'insertframe'//插入Iframe
, 'insertcode'//代码语言
, 'webapp'//百度应用
, 'pagebreak'//分页
, 'template'//模版
, 'background'//背景
, '|'
, 'horizontal'//分割线
, 'date'//日期
, 'time'//时间
, 'spechars'//特殊字符
, 'snapscreen'//截图
, 'wordimage'//图片转存
, '|'
, 'inserttable'//插入表格
, 'deletetable'//删除表格
, 'insertparagraphbeforetable'//表格前插入行
, 'insertrow'//前插入行
, 'deleterow'//删除行
, 'insertcol'//前插入列
, 'deletecol'//删除列
, 'mergecells'//合并多个单元格
, 'mergeright'//右合并单元格
, 'mergedown'//下合并单元格
, 'splittocells'//完全拆分单元格
, 'splittorows'//拆分成行
, 'splittocols'//拆分成列
, 'charts'//图表
, '|'
, 'print'//打印
, 'preview'//预览
, 'searchreplace'//查找与替换
, 'help'//帮助
, 'drafts'//草稿箱
]
]
里面的内容,也很好理解,顺序,也是按照ueditor上面按钮的现实顺序排列的。测试,将后面几行注释。
结果
这样,你就可以定制自己希望的功能了。
总结
项目中,有用到,虽然很简单,还是硬着头皮总结了一下,以后会总结一下ueditor在项目中的具体应用。如果您使用过,不妨留个脚印,或者加入楼主的qq群,一起学习,ueditor的使用,个人认为,最头疼的莫过于路径的配置了。
Ueditor的两种定制方式的更多相关文章
- Redis两种持久化方式(RDB&AOF)
爬虫和转载请注明原文地址;博客园蜗牛:http://www.cnblogs.com/tdws/p/5754706.html Redis所需内存 超过可用内存怎么办 Redis修改数据多线程并发—Red ...
- Gson的两种实例化方式:
2018-11-13 09:21:44 Gson的两种实例化方式: 1: 使用new Gson(); 普通实例化方式,不能配置定制化选项 Gson gson = new Gson(); 2: 通过 ...
- Android四大组件之服务的两种启动方式详解
Service简单概述 Service(服务):是一个没有用户界面.可以在后台长期运行且可以执行操作的应用组件.服务可由其他应用组件启动(如:Activity.另一个service).此外,组件可以绑 ...
- Web APi之认证(Authentication)两种实现方式【二】(十三)
前言 上一节我们详细讲解了认证及其基本信息,这一节我们通过两种不同方式来实现认证,并且分析如何合理的利用这两种方式,文中涉及到的基础知识,请参看上一篇文中,就不再叙述废话. 序言 对于所谓的认证说到底 ...
- Android中BroadcastReceiver的两种注册方式(静态和动态)详解
今天我们一起来探讨下安卓中BroadcastReceiver组件以及详细分析下它的两种注册方式. BroadcastReceiver也就是"广播接收者"的意思,顾名思义,它就是用来 ...
- Android中Fragment与Activity之间的交互(两种实现方式)
(未给Fragment的布局设置BackGound) 之前关于Android中Fragment的概念以及创建方式,我专门写了一篇博文<Android中Fragment的两种创建方式>,就如 ...
- JavaScript 函数的两种声明方式
1.函数声明的方式 JavaScript声明函数有两种选择:函数声明法,表达式定义法. 函数声明法 function sum (num1 ,num2){ return num1+num2 } 表达式定 ...
- struts2+spring的两种整合方式
也许有些人会因为学习了struts1,会以为struts2.struts1与spring的整合也是一样的,其实这两者相差甚远.下面就来讲解一下struts2与spring的整合两种方案.(部分转载,里 ...
- easyui datagride 两种查询方式
easyui datagride 两种查询方式function doReseach() { //$('#tt').datagrid('load', { // FixedCompany: $('.c_s ...
随机推荐
- MATLAB中提高fwrite和fprintf函数的I/O性能
提高fwrite和fprintf函数的I/O性能 http://www.matlabsky.com/thread-34861-1-1.html 今天我们将讨论下著名的fwrite(fprint ...
- 学习Shell脚本编程(第3期)_在Shell程序中使用的参数
位置参数 内部参数 如同ls命令可以接受目录等作为它的参数一样,在Shell编程时同样可以使用参数.Shell程序中的参数分为位置参数和内部参数等. 3.1 位置参数 由系统提供的参数称为位置参数.位 ...
- 学习bash
工作8年,前6年基本是Windows环境下,也就是个鼠标党:两年前换工作开始用linux,也就开始了领略了命令行的强大,无论是直接在命令行组合命令,也还写几行简单的shell脚本,其能完成的功能往往令 ...
- 利用php实现文件迁移重命名
首先表明,这是一个悲伤的故事. 暑假来临,学校安排我们到某软件外包公司实习,想想不用面试也是蛮方便的,可以借此机会向大牛学习学习,虽然没有工资(据说学校还交了600块的保险),但想想还是蛮期待的,但真 ...
- get与post
1. get是从服务器上获取数据,post是向服务器传送数据.2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过H ...
- [工具类]文件或文件夹xx已存在,则重命名为xx(n)(2)
写在前面 最近一直在弄文件传输组件,其中一个功能就是,在接收端接收文件时,如果文件已经存在了,则对其进行文件名+索引的方式进行自动重命名,之前也写个类似的工具类,总感觉代码太冗余,每回头想想,总觉得心 ...
- tomcat发布项目时,localhost可以访问,用ip地址不能访问,同时其他电脑也不能访问。
最近在开发项目中,遇到的一个问题是:在 tomcat中发布一个web项目,但是发布成功后,只能用http://localhost:8080/aml访问项目,不能用http://172.0.0.1:80 ...
- vijos p1523 贪吃的九头龙 思考思考再思考,就荒废了4小时
树形DP要有自己的风格,转二叉树是基础,考虑边界最头疼. #include<cstdio> #include<cstring> #include<algorithm> ...
- JS弹出窗口代码大全(详细整理)
1.弹启一个全屏窗口 复制代码代码如下: <html> <body http://www.jb51.net','脚本之家','fullscreen');">; < ...
- AU3学习资源
AU3中文站:http://www.autoitx.com/