信呼OA版本v2.3.8
This commit is contained in:
雨中磐石
218
mode/plugin/jquery-rockediter.js
vendored
Normal file
218
mode/plugin/jquery-rockediter.js
vendored
Normal file
@@ -0,0 +1,218 @@
|
||||
/**
|
||||
编辑器
|
||||
caratename：chenxihu
|
||||
caratetime：214-09-01 21:40:00
|
||||
email:qqqq2900@126.com
|
||||
homepage:www.xh829.com
|
||||
*/
|
||||
var rockediterarray = [];
|
||||
(function ($) {
|
||||
|
||||
function rockediter(contid, can){
|
||||
|
||||
var me = this;
|
||||
this.selecttext = '';
|
||||
var obj = get(contid);
|
||||
var rand = js.getrand();
|
||||
this.oi = rockediterarray.length;
|
||||
|
||||
this.formatarray={
|
||||
'font':['字体样式','FontName', 'down'],
|
||||
'fontsize':['字体大小','FontSize', 'down'],
|
||||
'forecolor':['字体颜色','ForeColor', 'down'],
|
||||
'marks':['插入特殊符号','Marks'],
|
||||
'images':['上传图片','Images'],
|
||||
'imageslink':['插入图片链接','Imageslink'],
|
||||
'backcolor':['字体背景色','BackColor', 'down'],
|
||||
'html':['查看源码','HTML'],
|
||||
'arrow_out':['全屏',''],
|
||||
'emot':['插入表情',''],
|
||||
'cut':['剪切','Cut'],
|
||||
'paste':['粘贴','Paste'],
|
||||
'copy':['复制','Copy'],
|
||||
'selectall':['全选','SelectAll'],
|
||||
'hr':['添加水平线','InsertHorizontalRule'],
|
||||
'link_add':['添加链接','CreateLink'],
|
||||
'link_del':['删除链接','UnLink'],
|
||||
'bold':['加粗','Bold'],
|
||||
'italic':['斜体','Italic'],
|
||||
'underline':['下划线','Underline'],
|
||||
'strikethrough':['删除线','StrikeThrough'],
|
||||
'align_center':['居中对齐','JustifyCenter'],
|
||||
'align_justify':['两端对齐','JustifyFull'],
|
||||
'align_left':['左对齐','JustifyLeft'],
|
||||
'align_right':['右对齐','JustifyRight'],
|
||||
'list_bullets':['项目符号','insertunorderedlist'],
|
||||
'list_numbers':['数字编号','insertorderedlist'],
|
||||
'indent':['增加缩进量','Indent'],
|
||||
'indent_remove':['减小缩进量','Outdent'],
|
||||
'undo':['返回上一步','Undo'],
|
||||
'removeformat':['删除格式','RemoveFormat']
|
||||
}
|
||||
|
||||
//初始化
|
||||
this.init = function(){
|
||||
this.createtbar();
|
||||
$('#'+contid+'_tbar a').click(function(event){
|
||||
me.toolsclick(event, this);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
this.createtbar = function(){
|
||||
var a = can.tbaricons.split(',');
|
||||
var s = '';
|
||||
for(var i=0; i<a.length; i++){
|
||||
var s1 = a[i];
|
||||
if(s1=='|'){
|
||||
s+='<span>|</span>';
|
||||
}else{
|
||||
var c = this.formatarray[s1];
|
||||
s+='<a title="'+c[0]+'" href="javascript:" xtype="'+c[1]+'"><img src="images/editer/text_'+s1+'.png" class="icons" align="absmiddle">';
|
||||
if(can.showtext)s+=' '+c[0]+'';
|
||||
if(c[2] == 'down')s+='<img src="images/editer/desc.gif" style="margin-left:3px" align="absmiddle">';
|
||||
s+='</a>';
|
||||
}
|
||||
}
|
||||
$('#'+contid+'_tbar').html(s);
|
||||
};
|
||||
|
||||
this.toolsclick = function(event, o1){
|
||||
var o = $(o1);
|
||||
var xtype = o.attr('xtype');
|
||||
this.selecttext = this.getSelText();
|
||||
if(xtype == 'Bold'){
|
||||
this.strreplace(this.selecttext, '[B]'+this.selecttext+'[/B]');
|
||||
}
|
||||
if(xtype == 'Italic'){
|
||||
this.strreplace(this.selecttext, '[I]'+this.selecttext+'[/I]');
|
||||
}
|
||||
if(xtype == 'Underline'){
|
||||
this.strreplace(this.selecttext, '[U]'+this.selecttext+'[/U]');
|
||||
}
|
||||
|
||||
if(xtype == 'RemoveFormat'){
|
||||
this.removeformat();
|
||||
}
|
||||
if(xtype == 'CreateLink'){
|
||||
this.createlink();
|
||||
}
|
||||
if(xtype == 'Images'){
|
||||
this.uploadImages();
|
||||
}
|
||||
};
|
||||
|
||||
this.createlink = function(){
|
||||
var h = '<div style="padding:10px;line-height:30px">';
|
||||
h+='<div style="padding:5px 0px"><font color="#888888">连接文字</font> <input id="createlinkwindow_text" style="width:50%" class="input" value="'+this.selecttext+'"></div>';
|
||||
h+='<div style="padding:5px 0px"><font color="#888888">连接地址</font> <input id="createlinkwindow_texturl" value="http://" class="input" style="width:78%"></div>';
|
||||
h+='</div>';
|
||||
js.tanbody('createlinkwindow', '添加连接', 400, 200, {html:h,btn:[{text:'确定'}]});
|
||||
get('createlinkwindow_texturl').focus();
|
||||
$('#createlinkwindow_btn0').click(function(){
|
||||
me.quedingadd();
|
||||
});
|
||||
};
|
||||
this.quedingadd = function(){
|
||||
var text = $('#createlinkwindow_text').val();
|
||||
var url = $('#createlinkwindow_texturl').val();
|
||||
var str1 = '[A,'+url+']'+text+'[/A]';
|
||||
if(isempt(text))return false;
|
||||
this.strreplace(text,str1);
|
||||
js.tanclose('createlinkwindow');
|
||||
};
|
||||
|
||||
//清除格式
|
||||
this.removeformat = function(){
|
||||
var cont = obj.value;
|
||||
cont = cont.replace(/\[.*?\]/gi, '');
|
||||
cont = cont.replace(/\<.*?\>/gi, '');
|
||||
obj.value = cont;
|
||||
};
|
||||
|
||||
this.addcont = function(str){
|
||||
obj.value+=str;
|
||||
};
|
||||
|
||||
this.strreplace = function(str,str1){
|
||||
if(isempt(str) || !get(contid))return false;
|
||||
var cont = obj.value;
|
||||
var s = '';
|
||||
if(isIE){
|
||||
var patt1 = new RegExp(""+str+"", "gi");
|
||||
s = cont.replace(patt1, str1);
|
||||
}else{
|
||||
var st = obj.selectionStart;
|
||||
var et = obj.selectionEnd;
|
||||
s = cont.substr(0, st)+str1;
|
||||
s+=cont.substr(et);
|
||||
}
|
||||
get(contid).value = s;
|
||||
if(!isIE)get(contid).focus();
|
||||
};
|
||||
this.getSelText = function(){
|
||||
var o = obj;
|
||||
var txt = '';
|
||||
if(isIE){
|
||||
txt = document.selection.createRange().text;
|
||||
} else {
|
||||
txt = o.value.substr(o.selectionStart,o.selectionEnd-o.selectionStart);
|
||||
}
|
||||
return txt;
|
||||
};
|
||||
|
||||
//删除图片
|
||||
this.uploadImages= function(){
|
||||
var h = '<div style="padding:10px;line-height:30px">';
|
||||
h+='<table width="100%" border="0" cellspacing="0" cellpadding="0">';
|
||||
h+='<tr>';
|
||||
h+=' <td width="110" height="110" align="center"><img id="createlinkwindow_imagesview" src="images/noface.jpg" width="100" height="100"></td>';
|
||||
h+=' <td style="padding:5px 10px;line-height:30px">';
|
||||
h+=' <div style="padding:5px 0px"><font color="#888888">图片地址：</font> <a href="javascript:" onclick="return rockediteruploadimage()">↑从本地上传</a></div>';
|
||||
h+=' <div style="padding:0px 0px"><input id="createlinkwindow_images" class="input" style="width:250px"></div>';
|
||||
//h+=' <div style="height:20px;overflow:hidden"></div>';
|
||||
//h+=' <div style="padding:5px 0px">宽：<input class="inputs" id="createlinkwindow_width" readonly style="width:60px"> 高：<input id="createlinkwindow_height" class="inputs" readonly style="width:60px"></div>';
|
||||
h+=' </td>';
|
||||
h+='</tr>';
|
||||
h+='</table>';
|
||||
h+='</div>';
|
||||
js.tanbody('createlinkwindow', '插入图片', 400, 200, {
|
||||
html:h,btn:[{text:'确定'}]
|
||||
});
|
||||
$('#createlinkwindow_btn0').click(function(){
|
||||
me.uploadImagesback();
|
||||
});
|
||||
};
|
||||
this.uploadImagesback= function(){
|
||||
var url = get('createlinkwindow_images').value;
|
||||
if(isempt(url))return false;
|
||||
this.addcont('[IMG,'+url+']');
|
||||
js.tanclose('createlinkwindow');
|
||||
return false;
|
||||
};
|
||||
}
|
||||
|
||||
$.rockediter = function(contid,can){
|
||||
var fcan = js.apply({
|
||||
showtext : true,
|
||||
tbaricons : 'bold,italic,underline,|,link_add,images,removeformat'
|
||||
}, can);
|
||||
var clsa = new rockediter(contid, fcan);
|
||||
clsa.init();
|
||||
rockediterarray.push(clsa);
|
||||
return clsa;
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
|
||||
function rockediteruploadimage(){
|
||||
js.upload('rockediteruploadimageautoclose',{title:escape('本地上传图片'),maxup:1,uptype:'image',maxwidth:600});
|
||||
return false;
|
||||
}
|
||||
function rockediteruploadimageautoclose(a){
|
||||
var d = a[0];
|
||||
//$('#createlinkwindow_width').val(d.width);
|
||||
//$('#createlinkwindow_height').val(d.height);
|
||||
$('#createlinkwindow_images').val(d.thumbpath);
|
||||
get('createlinkwindow_imagesview').src=d.thumbpath;
|
||||
}
|
||||
Reference in New Issue
Block a user