umeditor.config.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. /**
  2. * umeditor完整配置项
  3. * 可以在这里配置整个编辑器的特性
  4. */
  5. /**************************提示********************************
  6. * 所有被注释的配置项均为UEditor默认值。
  7. * 修改默认配置请首先确保已经完全明确该参数的真实用途。
  8. * 主要有两种修改方案,一种是取消此处注释,然后修改成对应参数;另一种是在实例化编辑器时传入对应参数。
  9. * 当升级编辑器时,可直接使用旧版配置文件替换新版配置文件,不用担心旧版配置文件中因缺少新功能所需的参数而导致脚本报错。
  10. **************************提示********************************/
  11. etpl.config({
  12. commandOpen: '<%',
  13. commandClose: '%>'
  14. });
  15. (function () {
  16. /**
  17. * 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。
  18. * 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
  19. * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/umeditor/"这样的路径。
  20. * 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。
  21. * 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。
  22. * window.UMEDITOR_HOME_URL = "/xxxx/xxxx/";
  23. */
  24. var URL = window.UMEDITOR_HOME_URL || (function(){
  25. function PathStack() {
  26. this.documentURL = self.document.URL || self.location.href;
  27. this.separator = '/';
  28. this.separatorPattern = /\\|\//g;
  29. this.currentDir = './';
  30. this.currentDirPattern = /^[.]\/]/;
  31. this.path = this.documentURL;
  32. this.stack = [];
  33. this.push( this.documentURL );
  34. }
  35. PathStack.isParentPath = function( path ){
  36. return path === '..';
  37. };
  38. PathStack.hasProtocol = function( path ){
  39. return !!PathStack.getProtocol( path );
  40. };
  41. PathStack.getProtocol = function( path ){
  42. var protocol = /^[^:]*:\/*/.exec( path );
  43. return protocol ? protocol[0] : null;
  44. };
  45. PathStack.prototype = {
  46. push: function( path ){
  47. this.path = path;
  48. update.call( this );
  49. parse.call( this );
  50. return this;
  51. },
  52. getPath: function(){
  53. return this + "";
  54. },
  55. toString: function(){
  56. return this.protocol + ( this.stack.concat( [''] ) ).join( this.separator );
  57. }
  58. };
  59. function update() {
  60. var protocol = PathStack.getProtocol( this.path || '' );
  61. if( protocol ) {
  62. //根协议
  63. this.protocol = protocol;
  64. //local
  65. this.localSeparator = /\\|\//.exec( this.path.replace( protocol, '' ) )[0];
  66. this.stack = [];
  67. } else {
  68. protocol = /\\|\//.exec( this.path );
  69. protocol && (this.localSeparator = protocol[0]);
  70. }
  71. }
  72. function parse(){
  73. var parsedStack = this.path.replace( this.currentDirPattern, '' );
  74. if( PathStack.hasProtocol( this.path ) ) {
  75. parsedStack = parsedStack.replace( this.protocol , '');
  76. }
  77. parsedStack = parsedStack.split( this.localSeparator );
  78. parsedStack.length = parsedStack.length - 1;
  79. for(var i= 0,tempPath,l=parsedStack.length,root = this.stack;i<l;i++){
  80. tempPath = parsedStack[i];
  81. if(tempPath){
  82. if( PathStack.isParentPath( tempPath ) ) {
  83. root.pop();
  84. } else {
  85. root.push( tempPath );
  86. }
  87. }
  88. }
  89. }
  90. var currentPath = document.getElementsByTagName('script');
  91. currentPath = currentPath[ currentPath.length -1 ].src;
  92. return new PathStack().push( currentPath ) + "";
  93. })();
  94. /**
  95. * 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
  96. */
  97. window.UMEDITOR_CONFIG = {
  98. //为编辑器实例添加一个路径,这个不能被注释
  99. UMEDITOR_HOME_URL : URL
  100. //图片上传配置区
  101. // ,imageUrl:URL+"php/imageUp.php" //图片上传提交地址
  102. ,imageUrl:"/admin/system.system_attachment/upload" //图片上传提交地址
  103. ,imagePath:"" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
  104. ,imageFieldName:"upfile" //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
  105. //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义
  106. ,toolbar:[
  107. 'source | undo redo | bold italic underline strikethrough | superscript subscript | forecolor backcolor | removeformat |',
  108. 'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontfamily fontsize' ,
  109. '| justifyleft justifycenter justifyright justifyjustify |',
  110. 'link unlink | emotion image video | map',
  111. '| horizontal print preview fullscreen', 'drafts', 'formula'
  112. ]
  113. //语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换,当然,前提条件是lang文件夹下存在对应的语言文件:
  114. //lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()
  115. //,lang:"zh-cn"
  116. //,langPath:URL +"lang/"
  117. //ie下的链接自动监测
  118. //,autourldetectinie:false
  119. //主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换,当然,前提条件是themes文件夹下存在对应的主题文件:
  120. //现有如下皮肤:default
  121. //,theme:'default'
  122. //,themePath:URL +"themes/"
  123. //针对getAllHtml方法,会在对应的head标签中增加该编码设置。
  124. //,charset:"utf-8"
  125. //常用配置项目
  126. //,isShow : true //默认显示编辑器
  127. //,initialContent:'欢迎使用UMEDITOR!' //初始化编辑器的内容,也可以通过textarea/script给值,看官网例子
  128. //,initialFrameWidth:500 //初始化编辑器宽度,默认500
  129. //,initialFrameHeight:500 //初始化编辑器高度,默认500
  130. //,autoClearinitialContent:true //是否自动清除编辑器初始内容,注意:如果focus属性设置为true,这个也为真,那么编辑器一上来就会触发导致初始化的内容看不到了
  131. //,textarea:'editorValue' // 提交表单时,服务器获取编辑器提交内容的所用的参数,多实例时可以给容器name属性,会将name给定的值最为每个实例的键值,不用每次实例化的时候都设置这个值
  132. //,focus:false //初始化时,是否让编辑器获得焦点true或false
  133. //,autoClearEmptyNode : true //getContent时,是否删除空的inlineElement节点(包括嵌套的情况)
  134. //,fullscreen : false //是否开启初始化时即全屏,默认关闭
  135. //,readonly : false //编辑器初始化结束后,编辑区域是否是只读的,默认是false
  136. //,zIndex : 900 //编辑器层级的基数,默认是900
  137. //如果自定义,最好给p标签如下的行高,要不输入中文时,会有跳动感
  138. //注意这里添加的样式,最好放在.edui-editor-body .edui-body-container这两个的下边,防止跟页面上css冲突
  139. //,initialStyle:'.edui-editor-body .edui-body-container p{line-height:1em}'
  140. //,autoSyncData:true //自动同步编辑器要提交的数据
  141. //,emotionLocalization:false //是否开启表情本地化,默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹
  142. //,allHtmlEnabled:false //提交到后台的数据是否包含整个html字符串
  143. //fontfamily
  144. //字体设置
  145. // ,'fontfamily':[
  146. // { name: 'songti', val: '宋体,SimSun'},
  147. // ]
  148. //fontsize
  149. //字号
  150. //,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]
  151. //paragraph
  152. //段落格式 值留空时支持多语言自动识别,若配置,则以配置值为准
  153. //,'paragraph':{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''}
  154. //undo
  155. //可以最多回退的次数,默认20
  156. //,maxUndoCount:20
  157. //当输入的字符数超过该值时,保存一次现场
  158. //,maxInputCount:1
  159. //imageScaleEnabled
  160. // 是否允许点击文件拖拽改变大小,默认true
  161. //,imageScaleEnabled:true
  162. //dropFileEnabled
  163. // 是否允许拖放图片到编辑区域,上传并插入,默认true
  164. //,dropFileEnabled:true
  165. //pasteImageEnabled
  166. // 是否允许粘贴QQ截屏,上传并插入,默认true
  167. //,pasteImageEnabled:true
  168. //autoHeightEnabled
  169. // 是否自动长高,默认true
  170. //,autoHeightEnabled:true
  171. //autoFloatEnabled
  172. //是否保持toolbar的位置不动,默认true
  173. //,autoFloatEnabled:true
  174. //浮动时工具栏距离浏览器顶部的高度,用于某些具有固定头部的页面
  175. //,topOffset:30
  176. //填写过滤规则
  177. ,filterRules: {}
  178. // xss 过滤是否开启,inserthtml等操作
  179. ,xssFilterRules: true
  180. //input xss过滤
  181. ,inputXssFilter: true
  182. //output xss过滤
  183. ,outputXssFilter: true
  184. // xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
  185. ,whiteList: {
  186. a: ['target', 'href', 'title', 'style', 'class', 'id'],
  187. abbr: ['title', 'style', 'class', 'id'],
  188. address: ['style', 'class', 'id'],
  189. area: ['shape', 'coords', 'href', 'alt', 'style', 'class', 'id'],
  190. article: ['style', 'class', 'id'],
  191. aside: ['style', 'class', 'id'],
  192. audio: ['autoplay', 'controls', 'loop', 'preload', 'src', 'style', 'class', 'id'],
  193. b: ['style', 'class', 'id'],
  194. bdi: ['dir'],
  195. bdo: ['dir'],
  196. big: [],
  197. blockquote: ['cite', 'style', 'class', 'id'],
  198. br: [],
  199. caption: ['style', 'class', 'id'],
  200. center: [],
  201. cite: [],
  202. code: ['style', 'class', 'id'],
  203. col: ['align', 'valign', 'span', 'width', 'style', 'class', 'id'],
  204. colgroup: ['align', 'valign', 'span', 'width', 'style', 'class', 'id'],
  205. dd: ['style', 'class', 'id'],
  206. del: ['datetime', 'style', 'class', 'id'],
  207. details: ['open', 'style', 'class', 'id'],
  208. div: ['style', 'class', 'id'],
  209. dl: ['style', 'class', 'id'],
  210. dt: ['style', 'class', 'id'],
  211. em: ['style', 'class', 'id'],
  212. embed: ['style', 'class', 'id', '_url', 'type', 'pluginspage', 'src', 'width', 'height', 'wmode', 'play', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen'],
  213. font: ['color', 'size', 'face', 'style', 'class', 'id'],
  214. footer: ['style', 'class', 'id'],
  215. h1: ['style', 'class', 'id'],
  216. h2: ['style', 'class', 'id'],
  217. h3: ['style', 'class', 'id'],
  218. h4: ['style', 'class', 'id'],
  219. h5: ['style', 'class', 'id'],
  220. h6: ['style', 'class', 'id'],
  221. header: ['style', 'class', 'id'],
  222. hr: ['style', 'class', 'id'],
  223. i: ['style', 'class', 'id'],
  224. iframe: ['style', 'class', 'id', 'src', 'frameborder', 'data-latex'],
  225. img: ['src', 'alt', 'title', 'width', 'height', 'style', 'class', 'id', '_url'],
  226. ins: ['datetime', 'style', 'class', 'id'],
  227. li: ['style', 'class', 'id'],
  228. mark: [],
  229. nav: [],
  230. ol: ['style', 'class', 'id'],
  231. p: ['style', 'class', 'id'],
  232. pre: ['style', 'class', 'id'],
  233. s: [],
  234. section:[],
  235. small: ['style', 'class', 'id'],
  236. span: ['style', 'class', 'id'],
  237. sub: ['style', 'class', 'id'],
  238. sup: ['style', 'class', 'id'],
  239. strong: ['style', 'class', 'id'],
  240. table: ['width', 'border', 'align', 'valign', 'style', 'class', 'id'],
  241. tbody: ['align', 'valign', 'style', 'class', 'id'],
  242. td: ['width', 'rowspan', 'colspan', 'align', 'valign', 'style', 'class', 'id'],
  243. tfoot: ['align', 'valign', 'style', 'class', 'id'],
  244. th: ['width', 'rowspan', 'colspan', 'align', 'valign', 'style', 'class', 'id'],
  245. thead: ['align', 'valign', 'style', 'class', 'id'],
  246. tr: ['rowspan', 'align', 'valign', 'style', 'class', 'id'],
  247. tt: ['style', 'class', 'id'],
  248. u: [],
  249. ul: ['style', 'class', 'id'],
  250. svg: ['style', 'class', 'id', 'width', 'height', 'xmlns', 'fill', 'viewBox'],
  251. video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'style', 'class', 'id']
  252. }
  253. };
  254. })();