Ueditor文本编辑工具栏自定义

 1.找到 ueditor.config.js 文件

 2.在 toolbars 数组内进行删减,添加

  

, toolbars: [[
            ‘fullscreen‘, ‘source‘, ‘|‘, ‘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‘, ‘fontsize‘, ‘|‘,
            ‘directionalityltr‘, ‘directionalityrtl‘, ‘indent‘, ‘|‘,
            ‘justifyleft‘, ‘justifycenter‘, ‘justifyright‘, ‘justifyjustify‘, ‘|‘, ‘touppercase‘, ‘tolowercase‘, ‘|‘,
            ‘link‘, ‘unlink‘, ‘anchor‘, ‘|‘, ‘imagenone‘, ‘imageleft‘, ‘imageright‘, ‘imagecenter‘, ‘|‘,
            ‘simpleupload‘, ‘insertimage‘, ‘emotion‘, ‘scrawl‘, ‘insertvideo‘, ‘music‘, ‘attachment‘, ‘map‘, ‘gmap‘, ‘insertframe‘, ‘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‘
        ]]

时间: 2024-11-07 10:14:56

Ueditor文本编辑工具栏自定义的相关文章

CKEditor (Toolbar Definition)工具栏自定义配置

KEditor中的工具栏默认显示所有功能按钮.出于安全的原因.或者是简化的原因,需要对这个工具栏进行自定义设置.CKEditor工具栏自定义配置非常简单. 编辑ckeditor目录下的的config.js文件,默认的是下面的工具栏代码, 注意工具按钮是分组的,一个name内的大括号就是一个工具按钮分组,items后边是具体的按钮,"/"表示工具栏换行,"-"表示工具图标之间的中隔线"|" (特别说明:config.js中没有下面的代码,默认就是显

ueditor 定制工具栏图标

在使用Ueditor时,如要简化工具栏上的按钮,可以修改配置项的方法: 1. 方法一:修改 ueditor.config.js 里面的 toolbars 2. 方法二:实例化编辑器的时候传入 toolbars 参数 我一般用第二种方法, <script src="~/Content/ueditor/ueditor.config.js"></script> <script src="~/Content/ueditor/ueditor.all.min

Ueditor上传图片后自定义样式类名

Ueditor是百度的一个富文本插件,如果使用者会前端语言的话,那适用性就很好,特别是现在移动端纵横的情况.但往往使用者并不懂编程,要让他们使用前端语言的话是不可能的,这就需要我们在开发时就定义好整个样式. 正常情况下,我们上传后的图片是固定了宽高的,要想适用移动端,就必须使宽度定义为100%,或者加个类上去,我们可以自定义.这就是我们的思路. 下面是修改代码: ueditor.all.js UE.plugin.register('simpleupload', function (){ ...

ueditor 百度编辑器 自定义图片上传路径和格式化上传文件名

今天项目中需要自定义图片上传的保存路径,并且不需要按照日期自动创建存储文件夹和文件名,我的ueditor版本是1.3.6.下面记录一下我配置成功的方法,如果有什么不对的地方欢迎指出,共同学习: 1:我在本地项目的根目录下新建一个文件夹,比如:upload. 2:打开ueditor/php/config.php,改成如下代码后保存: <?php return array( //图片上传允许的存储目录 /*'imageSavePath' => array ( 'upload1', 'upload2

ckeditor自定义工具栏

/** * 获取编辑器工具栏自定义参数 * @param type 类型 simple=极简版 basic=基本版 full=完整版 */ function get_ckeditor_toolbar(type) { if(!arguments[0]) type = 'simple'; //完整版 var ckeditor_toolbar_full = [ ['Maximize','Autoformat','NewPage','Source','Print'], ['PasteText','Pas

ABBYY FineReader中工具栏怎样进行自定义

ABBYY FineReader的主窗口中有几个工具栏.工具栏按钮提供对程序命令的快捷访问.使用程序菜单或快捷键可以执行同样的命令,但通过工具栏能帮助我们更加方便的实现程序命令的快速访问,那么在ABBYY FineReader中工具栏能否实现自定义设置呢? 若有疑问可直接访问:http://www.abbyychina.com/FRshiyongjiqiao/fr-gongjulan.html 主工具栏带有一组针对以下全部基本操作的固定按钮:打开文档.扫描页面.打开图像.识别页面.保存结果等.

SSH系列:(23)Ueditor

1.Ueditor下载 地址:http://ueditor.baidu.com/website/download.html#ueditor 由于我的SSH项目是UTF-8编码的,所以下载UTF-8版本的UEditor. 2.HelloWorld示例 解压下载的压缩包,内容如下: 第1个例子,来源于https://github.com/fex-team/ueditor 在当前目录下,添加一个demo.html文件,内容如下: <!doctype html> <html lang="

django配置Ueditor

1.安装DjangoUeditor pip install DjangoUeditor 2.在Django中安装DjangoUedito app,在INSTALL_APPS里面增加DjangoUeditor app INSTALLED_APPS = ( 'DjangoUeditor', ) 3.配置urls url(r'^ueditor/',include('DjangoUeditor.urls' )) 4.在models中的使用 from DjangoUeditor.models import

jQuery easyui 和 ueditor结合的问题

在easyui的对话框中嵌入ueditor后,发现ueditor的工具栏弹不出来,拖动对话框后发现弹出在对话框后面了,于是通过google浏览器开发工具查看,发现 对话框的z-index为9020,于是修改ueditor的zIndex大于它即可: = .(, {     : ,     :,     : ,     : [         [, , , , , , , , , , , , , , , , ]     ] }); 参见:http://www.zhengdecai.com/post/