329 lines
13 KiB
JavaScript
329 lines
13 KiB
JavaScript
/**
|
||
* umeditor完整配置项
|
||
* 可以在这里配置整个编辑器的特性
|
||
*/
|
||
/**************************提示********************************
|
||
* 所有被注释的配置项均为UEditor默认值。
|
||
* 修改默认配置请首先确保已经完全明确该参数的真实用途。
|
||
* 主要有两种修改方案，一种是取消此处注释，然后修改成对应参数；另一种是在实例化编辑器时传入对应参数。
|
||
* 当升级编辑器时，可直接使用旧版配置文件替换新版配置文件,不用担心旧版配置文件中因缺少新功能所需的参数而导致脚本报错。
|
||
**************************提示********************************/
|
||
|
||
etpl.config({
|
||
commandOpen: '<%',
|
||
commandClose: '%>'
|
||
});
|
||
|
||
(function () {
|
||
/**
|
||
* 编辑器资源文件根路径。它所表示的含义是：以编辑器实例化页面为当前路径，指向编辑器资源文件（即dialog等文件夹）的路径。
|
||
* 鉴于很多同学在使用编辑器的时候出现的种种路径问题，此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
|
||
* "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/umeditor/"这样的路径。
|
||
* 如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，此处的URL可能不适用于每个页面的编辑器。
|
||
* 因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可。当然，需要令此处的URL等于对应的配置。
|
||
* window.UMEDITOR_HOME_URL = "/xxxx/xxxx/";
|
||
*/
|
||
var URL = window.UMEDITOR_HOME_URL || (function(){
|
||
|
||
function PathStack() {
|
||
|
||
this.documentURL = self.document.URL || self.location.href;
|
||
|
||
this.separator = '/';
|
||
this.separatorPattern = /\\|\//g;
|
||
this.currentDir = './';
|
||
this.currentDirPattern = /^[.]\/]/;
|
||
|
||
this.path = this.documentURL;
|
||
this.stack = [];
|
||
|
||
this.push( this.documentURL );
|
||
|
||
}
|
||
|
||
PathStack.isParentPath = function( path ){
|
||
return path === '..';
|
||
};
|
||
|
||
PathStack.hasProtocol = function( path ){
|
||
return !!PathStack.getProtocol( path );
|
||
};
|
||
|
||
PathStack.getProtocol = function( path ){
|
||
|
||
var protocol = /^[^:]*:\/*/.exec( path );
|
||
|
||
return protocol ? protocol[0] : null;
|
||
|
||
};
|
||
|
||
PathStack.prototype = {
|
||
push: function( path ){
|
||
|
||
this.path = path;
|
||
|
||
update.call( this );
|
||
parse.call( this );
|
||
|
||
return this;
|
||
|
||
},
|
||
getPath: function(){
|
||
return this + "";
|
||
},
|
||
toString: function(){
|
||
return this.protocol + ( this.stack.concat( [''] ) ).join( this.separator );
|
||
}
|
||
};
|
||
|
||
function update() {
|
||
|
||
var protocol = PathStack.getProtocol( this.path || '' );
|
||
|
||
if( protocol ) {
|
||
|
||
//根协议
|
||
this.protocol = protocol;
|
||
|
||
//local
|
||
this.localSeparator = /\\|\//.exec( this.path.replace( protocol, '' ) )[0];
|
||
|
||
this.stack = [];
|
||
} else {
|
||
protocol = /\\|\//.exec( this.path );
|
||
protocol && (this.localSeparator = protocol[0]);
|
||
}
|
||
|
||
}
|
||
|
||
function parse(){
|
||
|
||
var parsedStack = this.path.replace( this.currentDirPattern, '' );
|
||
|
||
if( PathStack.hasProtocol( this.path ) ) {
|
||
parsedStack = parsedStack.replace( this.protocol , '');
|
||
}
|
||
|
||
parsedStack = parsedStack.split( this.localSeparator );
|
||
parsedStack.length = parsedStack.length - 1;
|
||
|
||
for(var i= 0,tempPath,l=parsedStack.length,root = this.stack;i<l;i++){
|
||
tempPath = parsedStack[i];
|
||
if(tempPath){
|
||
if( PathStack.isParentPath( tempPath ) ) {
|
||
root.pop();
|
||
} else {
|
||
root.push( tempPath );
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
var currentPath = document.getElementsByTagName('script');
|
||
|
||
currentPath = currentPath[ currentPath.length -1 ].src;
|
||
|
||
return new PathStack().push( currentPath ) + "";
|
||
|
||
|
||
})();
|
||
|
||
/**
|
||
* 配置项主体。注意，此处所有涉及到路径的配置别遗漏URL变量。
|
||
*/
|
||
window.UMEDITOR_CONFIG = {
|
||
|
||
//为编辑器实例添加一个路径，这个不能被注释
|
||
UMEDITOR_HOME_URL : URL
|
||
|
||
//图片上传配置区
|
||
,imageUrl:URL+"php/imageUp.php" //图片上传提交地址
|
||
,imagePath:URL + "php/" //图片修正地址，引用了fixedImagePath,如有特殊需求，可自行配置
|
||
,imageFieldName:"upfile" //图片数据的key,若此处修改，需要在后台对应文件修改对应参数
|
||
|
||
|
||
//工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的从新定义
|
||
,toolbar:[
|
||
'source | undo redo | bold italic underline strikethrough | superscript subscript | forecolor backcolor | removeformat |',
|
||
'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontfamily fontsize' ,
|
||
'| justifyleft justifycenter justifyright justifyjustify |',
|
||
'link unlink | emotion image video | map',
|
||
'| horizontal print preview fullscreen', 'drafts', 'formula'
|
||
]
|
||
|
||
//语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换，当然，前提条件是lang文件夹下存在对应的语言文件：
|
||
//lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()
|
||
//,lang:"zh-cn"
|
||
//,langPath:URL +"lang/"
|
||
|
||
//ie下的链接自动监测
|
||
//,autourldetectinie:false
|
||
|
||
//主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换，当然，前提条件是themes文件夹下存在对应的主题文件：
|
||
//现有如下皮肤:default
|
||
//,theme:'default'
|
||
//,themePath:URL +"themes/"
|
||
|
||
|
||
|
||
//针对getAllHtml方法，会在对应的head标签中增加该编码设置。
|
||
//,charset:"utf-8"
|
||
|
||
//常用配置项目
|
||
//,isShow : true //默认显示编辑器
|
||
|
||
//,initialContent:'欢迎使用UMEDITOR!' //初始化编辑器的内容,也可以通过textarea/script给值，看官网例子
|
||
|
||
//,initialFrameWidth:500 //初始化编辑器宽度,默认500
|
||
//,initialFrameHeight:500 //初始化编辑器高度,默认500
|
||
|
||
//,autoClearinitialContent:true //是否自动清除编辑器初始内容，注意：如果focus属性设置为true,这个也为真，那么编辑器一上来就会触发导致初始化的内容看不到了
|
||
|
||
//,textarea:'editorValue' // 提交表单时，服务器获取编辑器提交内容的所用的参数，多实例时可以给容器name属性，会将name给定的值最为每个实例的键值，不用每次实例化的时候都设置这个值
|
||
|
||
//,focus:false //初始化时，是否让编辑器获得焦点true或false
|
||
|
||
//,autoClearEmptyNode : true //getContent时，是否删除空的inlineElement节点（包括嵌套的情况）
|
||
|
||
//,fullscreen : false //是否开启初始化时即全屏，默认关闭
|
||
|
||
//,readonly : false //编辑器初始化结束后,编辑区域是否是只读的，默认是false
|
||
|
||
//,zIndex : 900 //编辑器层级的基数,默认是900
|
||
|
||
//如果自定义，最好给p标签如下的行高，要不输入中文时，会有跳动感
|
||
//注意这里添加的样式，最好放在.edui-editor-body .edui-body-container这两个的下边，防止跟页面上css冲突
|
||
//,initialStyle:'.edui-editor-body .edui-body-container p{line-height:1em}'
|
||
|
||
//,autoSyncData:true //自动同步编辑器要提交的数据
|
||
|
||
//,emotionLocalization:false //是否开启表情本地化，默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹
|
||
|
||
//,allHtmlEnabled:false //提交到后台的数据是否包含整个html字符串
|
||
|
||
//fontfamily
|
||
//字体设置
|
||
// ,'fontfamily':[
|
||
// { name: 'songti', val: '宋体,SimSun'},
|
||
// ]
|
||
|
||
//fontsize
|
||
//字号
|
||
//,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]
|
||
|
||
//paragraph
|
||
//段落格式 值留空时支持多语言自动识别，若配置，则以配置值为准
|
||
//,'paragraph':{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''}
|
||
|
||
//undo
|
||
//可以最多回退的次数,默认20
|
||
//,maxUndoCount:20
|
||
//当输入的字符数超过该值时，保存一次现场
|
||
//,maxInputCount:1
|
||
|
||
//imageScaleEnabled
|
||
// 是否允许点击文件拖拽改变大小,默认true
|
||
//,imageScaleEnabled:true
|
||
|
||
//dropFileEnabled
|
||
// 是否允许拖放图片到编辑区域，上传并插入,默认true
|
||
//,dropFileEnabled:true
|
||
|
||
//pasteImageEnabled
|
||
// 是否允许粘贴QQ截屏，上传并插入,默认true
|
||
//,pasteImageEnabled:true
|
||
|
||
//autoHeightEnabled
|
||
// 是否自动长高,默认true
|
||
//,autoHeightEnabled:true
|
||
|
||
//autoFloatEnabled
|
||
//是否保持toolbar的位置不动,默认true
|
||
//,autoFloatEnabled:true
|
||
|
||
//浮动时工具栏距离浏览器顶部的高度，用于某些具有固定头部的页面
|
||
//,topOffset:30
|
||
|
||
//填写过滤规则
|
||
,filterRules: {}
|
||
// xss 过滤是否开启,inserthtml等操作
|
||
,xssFilterRules: true
|
||
//input xss过滤
|
||
,inputXssFilter: true
|
||
//output xss过滤
|
||
,outputXssFilter: true
|
||
// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
|
||
,whiteList: {
|
||
a: ['target', 'href', 'title', 'style', 'class', 'id'],
|
||
abbr: ['title', 'style', 'class', 'id'],
|
||
address: ['style', 'class', 'id'],
|
||
area: ['shape', 'coords', 'href', 'alt', 'style', 'class', 'id'],
|
||
article: ['style', 'class', 'id'],
|
||
aside: ['style', 'class', 'id'],
|
||
audio: ['autoplay', 'controls', 'loop', 'preload', 'src', 'style', 'class', 'id'],
|
||
b: ['style', 'class', 'id'],
|
||
bdi: ['dir'],
|
||
bdo: ['dir'],
|
||
big: [],
|
||
blockquote: ['cite', 'style', 'class', 'id'],
|
||
br: [],
|
||
caption: ['style', 'class', 'id'],
|
||
center: [],
|
||
cite: [],
|
||
code: ['style', 'class', 'id'],
|
||
col: ['align', 'valign', 'span', 'width', 'style', 'class', 'id'],
|
||
colgroup: ['align', 'valign', 'span', 'width', 'style', 'class', 'id'],
|
||
dd: ['style', 'class', 'id'],
|
||
del: ['datetime', 'style', 'class', 'id'],
|
||
details: ['open', 'style', 'class', 'id'],
|
||
div: ['style', 'class', 'id'],
|
||
dl: ['style', 'class', 'id'],
|
||
dt: ['style', 'class', 'id'],
|
||
em: ['style', 'class', 'id'],
|
||
embed: ['style', 'class', 'id', '_url', 'type', 'pluginspage', 'src', 'width', 'height', 'wmode', 'play', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen'],
|
||
font: ['color', 'size', 'face', 'style', 'class', 'id'],
|
||
footer: ['style', 'class', 'id'],
|
||
h1: ['style', 'class', 'id'],
|
||
h2: ['style', 'class', 'id'],
|
||
h3: ['style', 'class', 'id'],
|
||
h4: ['style', 'class', 'id'],
|
||
h5: ['style', 'class', 'id'],
|
||
h6: ['style', 'class', 'id'],
|
||
header: ['style', 'class', 'id'],
|
||
hr: ['style', 'class', 'id'],
|
||
i: ['style', 'class', 'id'],
|
||
iframe: ['style', 'class', 'id', 'src', 'frameborder', 'data-latex'],
|
||
img: ['src', 'alt', 'title', 'width', 'height', 'style', 'class', 'id', '_url'],
|
||
ins: ['datetime', 'style', 'class', 'id'],
|
||
li: ['style', 'class', 'id'],
|
||
mark: [],
|
||
nav: [],
|
||
ol: ['style', 'class', 'id'],
|
||
p: ['style', 'class', 'id'],
|
||
pre: ['style', 'class', 'id'],
|
||
s: [],
|
||
section:[],
|
||
small: ['style', 'class', 'id'],
|
||
span: ['style', 'class', 'id'],
|
||
sub: ['style', 'class', 'id'],
|
||
sup: ['style', 'class', 'id'],
|
||
strong: ['style', 'class', 'id'],
|
||
table: ['width', 'border', 'align', 'valign', 'style', 'class', 'id'],
|
||
tbody: ['align', 'valign', 'style', 'class', 'id'],
|
||
td: ['width', 'rowspan', 'colspan', 'align', 'valign', 'style', 'class', 'id'],
|
||
tfoot: ['align', 'valign', 'style', 'class', 'id'],
|
||
th: ['width', 'rowspan', 'colspan', 'align', 'valign', 'style', 'class', 'id'],
|
||
thead: ['align', 'valign', 'style', 'class', 'id'],
|
||
tr: ['rowspan', 'align', 'valign', 'style', 'class', 'id'],
|
||
tt: ['style', 'class', 'id'],
|
||
u: [],
|
||
ul: ['style', 'class', 'id'],
|
||
svg: ['style', 'class', 'id', 'width', 'height', 'xmlns', 'fill', 'viewBox'],
|
||
video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'style', 'class', 'id']
|
||
}
|
||
};
|
||
})();
|