当前位置: 代码迷 >> 综合 >> 二.百度UEditor编辑器之配置文件:ueditor.config.js
  详细解决方案

二.百度UEditor编辑器之配置文件:ueditor.config.js

热度:15   发布时间:2024-01-06 16:31:44.0

百度UEditor编辑器之配置文件:ueditor.config.js,可以在这里配置整个编辑器的特性。

  1. 编辑器资源文件根路径配置:window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
    在开发过程中可以配置为如下:var URL =window.UEDITOR_HOME_URL ="/ProjectName/ueditor/";在发布到Internet时,可以配置如下:var URL =window.UEDITOR_HOME_URL ="/www.65101.cn/ueditor/";如果你的Internet站点配置了ROOT发布目录(省去域名),配置如下:var URL =window.UEDITOR_HOME_URL ="/ueditor/";此处直接使用上面的路径,无需重新定义:
    URL = window.UEDITOR_HOME_URL || (function(){此处代码省略...});

  2. 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
    图片上传配置区:imageUrl:URL+"jsp/imageUp.jsp"             //图片上传提交地址
    或者
    imageUrl : URL +"upload.action"		//图片上传提交的Action地址	此处说明:如果使用status2上传,则此处应修改为你提交到上传图片的Action。
    如果使用status2,但不用自己写的Action处理上传图片,使用编辑器自带的jar或者源码中的Upload类处理,
    则需要配置status2的过滤器,否则你调试会发现配置都是正确的,上传失败了。
    那么果断点,修改拦截器,拦截器修改代码详见编辑器中的标题。
    

  3. 工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义;
    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', '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', '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', '|','print', 'preview', 'searchreplace', 'help']]此处可以根据自己的需要增删工具按钮,配置如下:toolbars:[['source','undo', 'redo', '|','bold', 'italic', 'underline','removeformat', '|', 'forecolor','fontfamily', 'fontsize', '|','insertorderedlist', 'insertunorderedlist','insertimage','fullscreen']]
    

  4. 语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换,当然,前提条件是lang文件夹下存在对应的语言文件:
    lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()语言配置:lang:"zh-cn"(中文)/ lang:"en"(英文)语言包路径配置:langPath:URL +"lang/"

  5. 初始化时,是否让编辑器获得焦点true或false;
    focus:true

  6. 编辑器层级的基数,默认是900;
    zIndex : 9

  7. 是否默认为纯文本粘贴。false为不使用纯文本粘贴,true为使用纯文本粘贴;
    pasteplain:false
    此处如果粘贴为非纯文本,可以粘贴复制的图片,样式等内容。
    还可以自定义编写纯文本粘贴模式下的过滤规则
    说明:1.如果粘贴的图片不经过转存,源文件图片被删除后此处发布的图片则会找不到。
    2.由于不同浏览器较多,粘贴的样式也有不同,如在IE9 下复制的科技资讯,用谷歌和360同样复制粘贴,
    发布后看到的效果却不一样,谷歌和IE相近,360浏览器却相差甚远。尤其是客户端发布的内容在手机端看到的惨不忍睹。当然你也可以通过自己的程序处理。

  8. 编辑器的有序无序菜单配置,值留空时支持多语言自动识别,若配置值,则以此值为准:
    说明:此处无序列表编辑器本身有些问题,如:点击空心圆圈,出现的是实心黑点。还有破折号等...
    有序:
    ,'insertorderedlist':{//自定的样式//'num':'1,2,3...',//'num1':'1),2),3)...',//'num2':'(1),(2),(3)...',//'cn':'一,二,三....',//'cn1':'一),二),三)....',//'cn2':'(一),(二),(三)....',//系统自带'decimal' : '' ,         //'1,2,3...''lower-alpha' : '' ,    // 'a,b,c...''lower-roman' : '' ,    //'i,ii,iii...''upper-alpha' : '' , lang   //'A,B,C''upper-roman' : ''      //'I,II,III...'}
    无序:
    ,insertunorderedlist : {//自定的样式'dash' :'— 破折号','dot':' 。 小圆圈'//系统自带'circle' : '',  // '○ 小圆圈''disc' : '',    // '● 小圆点''square' : ''   //'■ 小方块'}

  9. 字号配置:
    'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]
    此处建议使用时取消36,字体太大,会出现一些浏览器兼容的问题。

















  相关解决方案