定制工具栏图标

UEditor 工具栏上的按钮列表可以自定义配置,只需要通过修改配置项就可以实现需求

配置项修改说明

修改配置项的方法： 1. 方法一：修改 ueditor.config.js 里面的 toolbars 2. 方法二：实例化编辑器的时候传入 toolbars 参数

varue=UE.getEditor('container');

其他配置项：配置项说明

简单列表

toolbars:[['fullscreen','source','undo','redo','bold']]

多行列表

toolbars:[['fullscreen','source','undo','redo'],['bold','italic','underline','fontborder','strikethrough','superscript','subscript','removeformat','formatmatch','autotypeset','blockquote','pasteplain','|','forecolor','backcolor','insertorderedlist','insertunorderedlist','selectall','cleardoc']]

两行的例子: 自定义工具栏

工具栏按钮分割线

配置项里用竖线 '|' 代表分割线

完整的按钮列表

toolbars:[['anchor',//锚点'undo',//撤销'redo',//重做'bold',//加粗'indent',//首行缩进'snapscreen',//截图'italic',//斜体'underline',//下划线'strikethrough',//删除线'subscript',//下标'fontborder',//字符边框'superscript',//上标'formatmatch',//格式刷'source',//源代码'blockquote',//引用'pasteplain',//纯文本粘贴模式'selectall',//全选'print',//打印'preview',//预览'horizontal',//分隔线'removeformat',//清除格式'time',//时间'date',//日期'unlink',//取消链接'insertrow',//前插入行'insertcol',//前插入列'mergeright',//右合并单元格'mergedown',//下合并单元格'deleterow',//删除行'deletecol',//删除列'splittorows',//拆分成行'splittocols',//拆分成列'splittocells',//完全拆分单元格'deletecaption',//删除表格标题'inserttitle',//插入标题'mergecells',//合并多个单元格'deletetable',//删除表格'cleardoc',//清空文档'insertparagraphbeforetable',//"表格前插入行"'insertcode',//代码语言'fontfamily',//字体'fontsize',//字号'paragraph',//段落格式'simpleupload',//单图上传'insertimage',//多图上传'edittable',//表格属性'edittd',//单元格属性'link',//超链接'emotion',//表情'spechars',//特殊字符'searchreplace',//查询替换'map',//Baidu地图'gmap',//Google地图'insertvideo',//视频'help',//帮助'justifyleft',//居左对齐'justifyright',//居右对齐'justifycenter',//居中对齐'justifyjustify',//两端对齐'forecolor',//字体颜色'backcolor',//背景色'insertorderedlist',//有序列表'insertunorderedlist',//无序列表'fullscreen',//全屏'directionalityltr',//从左向右输入'directionalityrtl',//从右向左输入'rowspacingtop',//段前距'rowspacingbottom',//段后距'pagebreak',//分页'insertframe',//插入Iframe'imagenone',//默认'imageleft',//左浮动'imageright',//右浮动'attachment',//附件'imagecenter',//居中'wordimage',//图片转存'lineheight',//行间距'edittip ',//编辑提示'customstyle',//自定义标题'autotypeset',//自动排版'webapp',//百度应用'touppercase',//字母大写'tolowercase',//字母小写'background',//背景'template',//模板'scrawl',//涂鸦'music',//音乐'inserttable',//插入表格'drafts',// 从草稿箱加载'charts',// 图表]]

UEditor定制工具栏图标相关推荐

eclipse定制工具栏，修改工具栏
目前eclipse定制工具栏的入口就是window- customize perspective,在弹出的窗口中选择Tool Bar Visibility,选择要在工具栏中显示的快捷图标.注:在Too ...
提取 Office 2016 工具栏图标
Office 图标精美漂亮,作为微软的官方图标,与 Windows 具有一致的风格,但我们若想把这些图标用在自己的程序中,却并不容易,使用常规的提取程序资源的方法,根本得不到这些图标. 微软虽然没有把 ...
火狐浏览器书签工具栏图标_在Firefox书签工具栏中浓缩书签
火狐浏览器书签工具栏图标 Do you have a lot of bookmarks and bookmarks folders in your Bookmarks Toolbar and need ...
计算机工具栏图标素材,设计软件工具栏图标icon
原创设计设计软件工具栏图标icon素材是用户QQ707FF795上传到我图网,素材大小为0.13 MB,素材的尺寸为1024px×1674px,图片的编号是27447855,颜色模式为RGB,授权方式 ...
解决windows10右下脚工具栏图标显示不正常问题
解决windows10右下加工具栏图标显示不正常问题大多数问题的原因: 在 Windows 10 系统中,为了加速图标的显示,当第一次对图标进行显示时,系统会对文件或程序的图标进行缓存.之后,当我们 ...
VC应用 -个性化你的工具栏图标
1.首先,提供一些最好的图标,大家可以省去自己绘画图标的功夫,可以从繁琐的绘图工作中解脱出来. ToYcon 在线网页转换PNG-ICON http://converticon.com/ 一个非常好的 ...
火狐浏览器书签工具栏图标_将您的书签工具栏缩小为工具栏按钮
火狐浏览器书签工具栏图标 So you have reduced your UI in Firefox to regain more screen real-estate but have a lot ...
MFC单文档中，增加，删除工具栏图标
mfc单文档中,增加,修改,删除工具栏图标方法: 首先,说明下,在资源视图中,XXX.rc下有个Toolbar,双击打开,如图所示,toolbar中有IDR_MAINFRAME_256和IDR_MA ...
ECharts 在省份地图上定制自定义图标
ECharts 在省份地图上定制自定义图标原型上有个生态分布的板块,就像是每个国家想把国旗插到月球啊,北极,南极之类的,然后点击右侧的 lenged 能够打开关闭相应的部分.具体情况如下: 要想实现 ...
windows10在4k分辨率下eclipse，photoshop，百度云等工具栏图标会变得很小的问题方法总结（主要是eclipse）
实验室的同学昨天刚装了eclipse一起学习安卓开发我帮她解决一些小问题的时候发现她电脑的eclipse上的工具栏图标非常小 (我看了一下她的电脑是4k的分辨率应该是高分辨率电脑的一个通病) 她解决 ...

UEditor定制工具栏图标

定制工具栏图标

配置项修改说明

简单列表

多行列表

工具栏按钮分割线

完整的按钮列表

UEditor定制工具栏图标相关推荐

最新文章

热门文章