|
// 系统自带插件
( function ( $ ) {
//全屏
$.TE.plugin( "fullscreen", {
fullscreen:function(e){
var $btn = this.$btn,
opt = this.editor.opt;
if($btn.is("."+opt.cssname.fulled)){
//取消全屏
this.editor.$main.removeAttr("style");
this.editor.$bottom.find("div").show();
this.editor.resize(opt.width,opt.height);
$("html,body").css("overflow","auto");
$btn.removeClass(opt.cssname.fulled);
$(window).scrollTop(this.scrolltop);
}else{
//全屏
this.scrolltop=$(window).scrollTop();
this.editor.$main.attr("style","z-index:900000;position:absolute;left:0;top:0px");
$(window).scrollTop(0);
$("html,body").css("overflow","hidden");//隐藏滚蛋条
this.editor.$bottom.find("div").hide();//隐藏底部的调整大小控制块
this.editor.resize($(window).width(),$(window).height());
$btn.addClass(opt.cssname.fulled);
}
}
} );
//切换源码
$.TE.plugin( "source", {
source:function(e){
var $btn = this.$btn,
$area = this.editor.$area,
$frame = this.editor.$frame,
opt = this.editor.opt,
_self = this;
if($btn.is("."+opt.cssname.sourceMode)){
//切换到可视化
_self.editor.core.updateFrame();
$area.hide();
$frame.show();
$btn.removeClass(opt.cssname.sourceMode);
}else{
//切换到源码
_self.editor.core.updateTextArea();
$area.show();
$frame.hide();
$btn.addClass(opt.cssname.sourceMode);
}
setTimeout(function(){_self.editor.refreshBtn()},100);
}
} );
//剪切
$.TE.plugin( 'cut', {
click: function() {
if( $.browser.mozilla ) {
alert('您的浏览器安全设置不支持该操作，请使用Ctrl/Cmd+X快捷键完成操作。');
} else {
this.exec();
}
}
});
//复制
$.TE.plugin( 'copy', {
click: function() {
if( $.browser.mozilla ) {
alert('您的浏览器安全设置不支持该操作，请使用Ctrl/Cmd+C快捷键完成操作。');
} else {
this.exec();
}
}
});
//粘贴
$.TE.plugin( 'paste', {
click: function() {
if( $.browser.mozilla ) {
alert('您的浏览器安全设置不支持该操作，请使用Ctrl/Cmd+V快捷键完成操作。');
} else {
this.exec();
}
}
});
//创建链接
$.TE.plugin( "link", {
click:function(e){
var _self = this;
var $html = $(
'<div class="te_dialog_link Lovh">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="###" class="cstyle">创建链接</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="centbox">'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">链接地址：</span>'+
' <div class="Lfll">'+
' <input id="te_dialog_url" name="" type="text" class="Lfll input1" />'+
' </div>'+
' </div>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="确定" class="te_ok" />'+
' <input type="button" value="取消" class="te_close" />'+
' </div>'+
'</div>'
);
if( _self.isie6() ) {
window.selectionCache = [
/* 暂存选区对象 */
_self.editor.doc.selection.createRange(),
/* 选区html内容 */
_self.editor.doc.selection.createRange().htmlText,
/* 选区文本用来计算差值 */
_self.editor.doc.selection.createRange().text
];
}
this.createDialog({
body:$html,
ok:function(){
_self.value=$html.find("#te_dialog_url").val();
if( _self.isie6() ) {
var _sCache = window.selectionCache,
str1 = '<a href="'+_self.value+'">'+_sCache[1]+'</a>',
str2 = '<a href="'+_self.value+'">'+_sCache[2]+'</a>';
_sCache[0].pasteHTML( str1 );
_sCache[0].moveStart( 'character', -_self.strlen( str2 ) + ( str2.length - _sCache[2].length ) );
_sCache[0].moveEnd( 'character', -0 );
_sCache[0].select();
//置空暂存对象
window.selectionCache = _sCache = null;
} else {
_self.exec();
}
_self.hideDialog();
}
});
},
strlen : function ( str ) {
return window.ActiveXObject && str.indexOf("\n") != -1 ? str.replace(/\r?\n/g, "_").length : str.length;
},
isie6 : function () {
return $.browser.msie && $.browser.version == '6.0' ? true : false;
}
} );
$.TE.plugin( 'print', {
click: function(e) {
var _win = this.editor.core.$frame[0].contentWindow;
if($.browser.msie) {
this.exec();
} else if(_win.print) {
_win.print();
} else {
alert('您的系统不支持打印接口');
}
}
} );
$.TE.plugin( 'pagebreak', {
exec: function() {
var _self = this;
_self.editor.pasteHTML('<div style="page-break-after: always;zoom:1; height:0px; clear:both; display:block; overflow:hidden; border-top:2px dotted #CCC;"> </div><p> </p>');
}
} );
$.TE.plugin( 'pastetext', {
exec: function() {
var _self = this,
_html = '';
clipData = window.clipboardData ? window.clipboardData.getData('text') : false;
if( clipData ) {
_self.editor.pasteHTML( clipData.replace( /\r\n/g, '<br />' ) );
} else {
_html = $(
'<div class="te_dialog_pasteText">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="###" class="cstyle">贴粘文本</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="centbox">'+
' <div class="pasteText">'+
' <span class="tips Lmt5">请使用键盘快捷键(Ctrl/Cmd+V)把内容粘贴到下面的方框里。</span>'+
' <textarea id="pasteText" name="" class="tarea1 Lmt5" rows="10" cols="30"></textarea>'+
' </div>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="确定" class="te_ok" />'+
' <input type="button" value="取消" class="te_close" />'+
' </div>'+
'</div>'
);
this.createDialog({
body : _html,
ok : function(){
_self.editor.pasteHTML(_html.find('#pasteText').val().replace(/\n/g, '<br />'));
_self.hideDialog();
}
});
}
}
} );
$.TE.plugin( 'table', {
exec : function (e) {
var _self = this,
_html = '';
_html = $(
'<div class="te_dialog_table">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="###" class="cstyle">插入表格</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="centbox">'+
' <div class="insertTable">'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">行数：</span>'+
' <input type="text" id="te_tab_rows" class="input1 Lfll" value="3" />'+
' <span class="ltext Lfll">列数：</span>'+
' <input type="text" id="te_tab_cols" class="input1 Lfll" value="2" />'+
' </div>'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">宽度：</span>'+
' <input type="text" id="te_tab_width" class="input1 Lfll" value="500" />'+
' <span class="ltext Lfll">高度：</span>'+
' <input type="text" id="te_tab_height" class="input1 Lfll" />'+
' </div>'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">边框：</span>'+
' <input type="text" id="te_tab_border" class="input1 Lfll" value="1" />'+
' </div>'+
' </div>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="确定" class="te_ok" />'+
' <input type="button" value="取消" class="te_close" />'+
' </div>'+
'</div>'
);
this.createDialog({
body : _html,
ok : function () {
//获取参数
var rows = parseInt(_html.find('#te_tab_rows').val()),
cols = parseInt(_html.find('#te_tab_cols').val()),
width = parseInt(_html.find('#te_tab_width').val()),
height = parseInt(_html.find('#te_tab_height').val()),
border = parseInt(_html.find('#te_tab_border').val()),
tab_html = '<table width="'+width+'" border="'+border+'"';
if(height) tab_html += ' height="'+height+'"';
tab_html += '>';
for(var i=0; i<rows; i++) {
tab_html += '<tr>';
for(var j=0; j<cols; j++) {
tab_html += '<td> </td>';
}
tab_html += '</tr>';
}
tab_html += '</table>';
_self.editor.pasteHTML( tab_html );
_self.hideDialog();
}
});
}
} );
$.TE.plugin( 'blockquote', {
exec : function () {
var _self = this,
_doc = _self.editor.doc,
elem = '', //当前对象
isquote = false, //是否已被引用
node = '',
child = false; //找到的引用对象
//取得当前对象
node = elem = this.getElement();
//判断是否已被引用
while( node !== _doc.body ) {
if( node.nodeName.toLowerCase() == 'blockquote' ){
isquote = true;
break;
}
node = node.parentNode;
}
if( isquote ) {
//如果存在引用，则清理
if( node === _doc.body ) {
node.innerHTML = elem.parentNode.innerHTML;
} else {
while (child = node.firstChild) {
node.parentNode.insertBefore(child, node);
}
node.parentNode.removeChild(node);
}
} else {
//不存在引用，创建引用
if( $.browser.msie ) {
if( elem === _doc.body ) {
elem.innerHTML = '<blockquote>' + elem.innerHTML + '</blockquote>';
} else {
elem.outerHTML = '<blockquote>' + elem.outerHTML + '</blockquote>';
}
} else {
_doc.execCommand( 'formatblock', false, '<blockquote>' )
}
}
},
getElement : function () {
var ret = false;
if( $.browser.msie ) {
ret = this.editor.doc.selection.createRange().parentElement();
} else {
ret = this.editor.$frame.get( 0 ).contentWindow.getSelection().getRangeAt( 0 ).startContainer;
}
return ret;
}
} );
$.TE.plugin( 'image', {
upid : 'te_image_upload',
uptype : [ 'jpg', 'jpeg', 'gif', 'png', 'bmp' ],
//文件大小
maxsize : 1024*1024*1024*2, // 2MB
exec : function() {
var _self = this,
//上传地址
updir = _self.editor.opt.uploadURL,
//传给上传页的参数
parame = 'callback='+this.upid+this.editor.guid+'&rands='+(+new Date());
if(updir && updir!='about:blank'){
if( updir.indexOf('?') > -1 ) {
updir += '&' + parame;
} else {
updir += '?' + parame;
}
//弹出窗内容
var $html = $(
'<div class="te_dialog_image">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="#" class="cstyle">插入图片</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="centbox">'+
' <div class="insertimage Lmt20 Lpb10">'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">图片地址：</span>'+
' <div class="Lfll Lovh">'+
' <input type="text" id="te_image_url" class="imageurl input1 Lfll Lmr5" />'+
' </div>'+
' </div>'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">上传图片：</span>'+
' <div class="Lfll Lovh">'+
' <form id="form_img" enctype="multipart/form-data" action="'+updir+'" method="POST" target="upifrem">'+
' <div class="filebox">'+
' <input id="teupload" name="teupload" size="1" onchange="checkTypes(\'form_img\');" class="upinput" type="file" hidefocus="true" />'+
' <input id="tefiletype" name="tefiletype" type="hidden" value="'+this.uptype+'" />'+
' <input id="temaxsize" name="temaxsize" type="hidden" value="'+this.maxsize+'" />'+
' <span class="upbtn">上传</span>'+
' </div>'+
' </form>'+
' <iframe name="upifrem" id="upifrem" width="70" height="22" class="Lfll" scrolling="no" frameborder="0"></iframe>'+
' </div>'+
' </div>'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">图片宽度：</span>'+
' <div class="Lfll">'+
' <input id="te_image_width" name="" type="text" class="input2" />'+
' </div>'+
' <span class="ltext Lfll">图片高度：</span>'+
' <div class="Lfll">'+
' <input id="te_image_height" name="" type="text" class="input2" />'+
' </div>'+
' </div>'+
' </div>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="确定" class="te_ok" />'+
' <input type="button" value="取消" class="te_close" />'+
' </div>'+
'</div>'
),
_upcall = function(path) {
//获取上传的值
$html.find( '#te_image_url' ).val(path);
// 刷新iframe上传页
//var _url = $html.find( 'iframe' ).attr( 'src' );
//_url = _url.replace( /rands=[^&]+/, 'rands=' + (+ new Date()) );
$html.find( 'iframe' ).attr( 'src', 'about:blank' );
}
//注册通信
te_upload_interface( 'reg', {
'callid' : this.upid+this.editor.guid,
'filetype': this.uptype,
'maxsize' : this.maxsize,
'callback': _upcall
} );
//创建对话框
this.createDialog( {
body : $html,
ok : function() {
var _src = $html.find('#te_image_url').val(),
_width = parseInt($html.find('#te_image_width').val()),
_height = parseInt($html.find('#te_image_height').val());
_src = _APP+_src;
var _insertHTML = '<img src="'+(_src||'http://www.baidu.com/img/baidu_sylogo1.gif')+'" ';
if( _width ) _insertHTML += 'width="'+_width+'" ';
if( _height ) _insertHTML += 'height="'+_height+'" ';
_insertHTML += '/>';
_self.editor.pasteHTML( _insertHTML );
_self.hideDialog();
}
} );
}else{
alert('请配置上传处理路径！');
}
}
} );
$.TE.plugin( 'flash', {
upid : 'te_flash_upload',
uptype : [ 'swf' ],
//文件大小
maxsize : 1024*1024*1024*2, // 2MB
exec : function() {
var _self = this,
//上传地址
updir = _self.editor.opt.uploadURL,
//传给上传页的参数
parame = 'callback='+this.upid+this.editor.guid+'&rands='+(+new Date());
if(updir && updir!='about:blank'){
if( updir.indexOf('?') > -1 ) {
updir += '&' + parame;
} else {
updir += '?' + parame;
}
//弹出窗内容
var $html = $(
'<div class="te_dialog_flash">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="###" class="cstyle">插入flash动画</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="insertflash Lmt20 Lpb10">'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">flash地址：</span>'+
' <div class="Lfll Lovh">'+
' <input id="te_flash_url" type="text" class="imageurl input1 Lfll Lmr5" />'+
' </div>'+
' </div>'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">上传flash：</span>'+
' <div class="Lfll Lovh">'+
' <form id="form_swf" enctype="multipart/form-data" action="'+updir+'" method="POST" target="upifrem">'+
' <div class="filebox">'+
' <input id="teupload" name="teupload" size="1" onchange="checkTypes(\'form_swf\');" class="upinput" type="file" hidefocus="true" />'+
' <input id="tefiletype" name="tefiletype" type="hidden" value="'+this.uptype+'" />'+
' <input id="temaxsize" name="temaxsize" type="hidden" value="'+this.maxsize+'" />'+
' <span class="upbtn">上传</span>'+
' </div>'+
' </form>'+
' <iframe name="upifrem" id="upifrem" width="70" height="22" class="Lfll" scrolling="no" frameborder="0"></iframe>'+
' </div>'+
' </div>'+
' <div class="item Lovh">'+
' <span class="ltext Lfll">宽度：</span>'+
' <div class="Lfll">'+
' <input id="te_flash_width" name="" type="text" class="input2" value="200" />'+
' </div>'+
' <span class="ltext Lfll">高度：</span>'+
' <div class="Lfll">'+
' <input id="te_flash_height" name="" type="text" class="input2" value="60" />'+
' </div>'+
' </div>'+
' <div class="item Lovh">'+
' <span class="ltext Lfll"> </span>'+
' <div class="Lfll">'+
' <input id="te_flash_wmode" name="" type="checkbox" class="input3" />'+
' <label for="te_flash_wmode" class="labeltext">开启背景透明</label>'+
' </div>'+
' </div>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="确定" class="te_ok" />'+
' <input type="button" value="取消" class="te_close" />'+
' </div>'+
'</div>'
),
_upcall = function(path) {
//获取上传的值
$html.find( '#te_flash_url' ).val(path);
// 刷新iframe上传页
//var _url = $html.find( 'iframe' ).attr( 'src' );
//_url = _url.replace( /rands=[^&]+/, 'rands=' + (+ new Date()) );
$html.find( 'iframe' ).attr( 'src', 'about:blank' );
}
//注册通信
te_upload_interface( 'reg', {
'callid' : this.upid+this.editor.guid,
'filetype': this.uptype,
'maxsize' : this.maxsize,
'callback': _upcall
} );
//创建对话框
this.createDialog( {
body : $html,
ok : function() {
var _src = $html.find('#te_flash_url').val(),
_width = parseInt($html.find('#te_flash_width').val()),
_height = parseInt($html.find('#te_flash_height').val());
_wmode = !!$html.find('#te_flash_wmode').attr('checked');
if( _src == '' ) {
alert('请输入flash地址，或者从本地选择文件上传');
return true;
}
if( isNaN(_width) || isNaN(_height) ) {
alert('请输入宽高');
return true;
}
_src = _APP+_src;
var _data = "{'src':'"+_src+"','width':'"+_width+"','height':'"+_height+"','wmode':"+(_wmode)+"}";
var _insertHTML = '<img src="'+$.TE.basePath()+'skins/'+_self.editor.opt.skins+'/img/spacer.gif" class="_flash_position" style="';
if( _width ) _insertHTML += 'width:'+_width+'px;';
if( _height ) _insertHTML += 'height:'+_height+'px;';
_insertHTML += 'border:1px solid #DDD; display:inline-block;text-align:center;line-height:'+_height+'px;" ';
_insertHTML += '_data="'+_data+'"';
_insertHTML += ' alt="flash占位符" />';
_self.editor.pasteHTML( _insertHTML );
_self.hideDialog();
}
} )
}else{
alert('请配置上传处理路径！');
}
}
} );
$.TE.plugin( 'face', {
exec: function() {
var _self = this,
//表情路径
_fp = _self.editor.opt.face_path,
//弹出窗同容
$html = $(
'<div class="te_dialog_face Lovh">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="###" class="cstyle">插入表情</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="centbox">'+
' <div class="insertFace" style="background-image:url('+$.TE.basePath()+'skins/'+_fp[1]+'/'+_fp[0]+'.gif'+');">'+
'<span face_num="0"> </span>'+
'<span face_num="1"> </span>'+
'<span face_num="2"> </span>'+
'<span face_num="3"> </span>'+
'<span face_num="4"> </span>'+
'<span face_num="5"> </span>'+
'<span face_num="6"> </span>'+
'<span face_num="7"> </span>'+
'<span face_num="8"> </span>'+
'<span face_num="9"> </span>'+
'<span face_num="10"> </span>'+
'<span face_num="11"> </span>'+
'<span face_num="12"> </span>'+
'<span face_num="13"> </span>'+
'<span face_num="14"> </span>'+
'<span face_num="15"> </span>'+
'<span face_num="16"> </span>'+
'<span face_num="17"> </span>'+
'<span face_num="18"> </span>'+
'<span face_num="19"> </span>'+
'<span face_num="20"> </span>'+
'<span face_num="21"> </span>'+
'<span face_num="22"> </span>'+
'<span face_num="23"> </span>'+
'<span face_num="24"> </span>'+
'<span face_num="25"> </span>'+
'<span face_num="26"> </span>'+
'<span face_num="27"> </span>'+
'<span face_num="28"> </span>'+
'<span face_num="29"> </span>'+
'<span face_num="30"> </span>'+
'<span face_num="31"> </span>'+
'<span face_num="32"> </span>'+
'<span face_num="33"> </span>'+
'<span face_num="34"> </span>'+
'<span face_num="35"> </span>'+
'<span face_num="36"> </span>'+
'<span face_num="37"> </span>'+
'<span face_num="38"> </span>'+
'<span face_num="39"> </span>'+
'<span face_num="40"> </span>'+
'<span face_num="41"> </span>'+
'<span face_num="42"> </span>'+
'<span face_num="43"> </span>'+
'<span face_num="44"> </span>'+
'<span face_num="45"> </span>'+
'<span face_num="46"> </span>'+
'<span face_num="47"> </span>'+
'<span face_num="48"> </span>'+
'<span face_num="49"> </span>'+
'<span face_num="50"> </span>'+
'<span face_num="51"> </span>'+
'<span face_num="52"> </span>'+
'<span face_num="53"> </span>'+
'<span face_num="54"> </span>'+
'<span face_num="55"> </span>'+
'<span face_num="56"> </span>'+
'<span face_num="57"> </span>'+
'<span face_num="58"> </span>'+
'<span face_num="59"> </span>'+
'<span face_num="60"> </span>'+
'<span face_num="61"> </span>'+
'<span face_num="62"> </span>'+
'<span face_num="63"> </span>'+
'<span face_num="64"> </span>'+
'<span face_num="65"> </span>'+
'<span face_num="66"> </span>'+
'<span face_num="67"> </span>'+
'<span face_num="68"> </span>'+
'<span face_num="69"> </span>'+
'<span face_num="70"> </span>'+
'<span face_num="71"> </span>'+
'<span face_num="72"> </span>'+
'<span face_num="73"> </span>'+
'<span face_num="74"> </span>'+
'<span face_num="75"> </span>'+
'<span face_num="76"> </span>'+
'<span face_num="77"> </span>'+
'<span face_num="78"> </span>'+
'<span face_num="79"> </span>'+
'<span face_num="80"> </span>'+
'<span face_num="81"> </span>'+
'<span face_num="82"> </span>'+
'<span face_num="83"> </span>'+
'<span face_num="84"> </span>'+
'<span face_num="85"> </span>'+
'<span face_num="86"> </span>'+
'<span face_num="87"> </span>'+
'<span face_num="88"> </span>'+
'<span face_num="89"> </span>'+
'<span face_num="90"> </span>'+
'<span face_num="91"> </span>'+
'<span face_num="92"> </span>'+
'<span face_num="93"> </span>'+
'<span face_num="94"> </span>'+
'<span face_num="95"> </span>'+
'<span face_num="96"> </span>'+
'<span face_num="97"> </span>'+
'<span face_num="98"> </span>'+
'<span face_num="99"> </span>'+
'<span face_num="100"> </span>'+
'<span face_num="101"> </span>'+
'<span face_num="102"> </span>'+
'<span face_num="103"> </span>'+
'<span face_num="104"> </span>'+
'</div>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="取消" class="te_close" />'+
' </div>'+
'</div>'
);
$html.find('.insertFace span').click(function( e ) {
var _url = $.TE.basePath()+'skins/'+_fp[1]+'/'+_fp[0]+'_'+$( this ).attr( 'face_num' )+'.gif',
_insertHtml = '<img src="'+_url+'" />';
_self.editor.pasteHTML( _insertHtml );
_self.hideDialog();
});
this.createDialog( {
body : $html
} );
}
} );
$.TE.plugin( 'code', {
exec: function() {
var _self = this,
$html = $(
'<div class="te_dialog_code Lovh">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="###" class="cstyle">插入代码</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="centbox">'+
' <div class="Lmt10 Lml10">'+
' <span>选择语言：</span>'+
' <select id="langType" name="">'+
' <option value="None">其它类型</option>'+
' <option value="PHP">PHP</option>'+
' <option value="HTML">HTML</option>'+
' <option value="JS">JS</option>'+
' <option value="CSS">CSS</option>'+
' <option value="SQL">SQL</option>'+
' <option value="C#">C#</option>'+
' <option value="JAVA">JAVA</option>'+
' <option value="VBS">VBS</option>'+
' <option value="VB">VB</option>'+
' <option value="XML">XML</option>'+
' </select>'+
' </div>'+
' <textarea id="insertCode" name="" rows="10" class="tarea1 Lmt10" cols="30"></textarea>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="确定" class="te_ok" />'+
' <input type="button" value="取消" class="te_close" />'+
' </div>'+
'</div>'
);
this.createDialog({
body : $html,
ok : function(){
var _code = $html.find('#insertCode').val(),
_type = $html.find('#langType').val(),
_html = '';
_code = _code.replace( /</g, '<' );
_code = _code.replace( />/g, '>' );
_code = _code.split('\n');
_html += '<pre style="overflow-x:auto; padding:10px; color:blue; border:1px dotted #2BC1FF; background-color:#EEFAFF;" _syntax="'+_type+'">'
_html += '语言类型：'+_type;
_html += '<ol style="list-stype-type:decimal;">';
for(var i=0; i<_code.length; i++) {
_html += '<li>'+_code[i].replace( /^(\t+)/g, function( $1 ) {return $1.replace(/\t/g, ' ');} );+'</li>';
}
_html += '</ol></pre><p> </p>';
_self.editor.pasteHTML( _html );
_self.hideDialog();
}
});
}
} );
$.TE.plugin( 'style', {
click: function() {
var _self = this,
$html = $(
'<div class="te_dialog_style Lovh">'+
' <div class="centbox">'+
' <h1 title="设置当前内容为一级标题"><a href="###">一级标题</a></h1>'+
' <h2 title="设置当前内容为二级标题"><a href="###">二级标题</a></h2>'+
' <h3 title="设置当前内容为三级标题"><a href="###">三级标题</a></h3>'+
' <h4 title="设置当前内容为四级标题"><a href="###">四级标题</a></h4>'+
' <h5 title="设置当前内容为五级标题"><a href="###">五级标题</a></h5>'+
' <h6 title="设置当前内容为六级标题"><a href="###">六级标题</a></h6>'+
' </div>'+
'</div>'
),
_call = function(e) {
var _value = this.nodeName;
_self.value= _value;
_self.exec();
//_self.hideDialog();
};
$html.find( '>.centbox>*' ).click( _call );
this.createDialog( {
body: $html
} );
},
exec: function() {
var _self = this,
_html = '<'+_self.value+'>'+_self.editor.selectedHTML()+'</'+_self.value+'>';
_self.editor.pasteHTML( _html );
}
} );
$.TE.plugin( 'font', {
click: function() {
var _self = this;
$html = $(
'<div class="te_dialog_font Lovh">'+
' <div class="centbox">'+
' <div><a href="###" style="font-family:\'宋体\',\'SimSun\'">宋体</a></div>'+
' <div><a href="###" style="font-family:\'楷体\',\'楷体_GB2312\',\'SimKai\'">楷体</a></div>'+
' <div><a href="###" style="font-family:\'隶书\',\'SimLi\'">隶书</a></div>'+
' <div><a href="###" style="font-family:\'黑体\',\'SimHei\'">黑体</a></div>'+
' <div><a href="###" style="font-family:\'微软雅黑\'">微软雅黑</a></div>'+
' <span>------</span>'+
' <div><a href="###" style="font-family:arial,helvetica,sans-serif;">Arial</a></div>'+
' <div><a href="###" style="font-family:comic sans ms,cursive;">Comic Sans Ms</a></div>'+
' <div><a href="###" style="font-family:courier new,courier,monospace;">Courier New</a></div>'+
' <div><a href="###" style="font-family:georgia,serif;">Georgia</a></div>'+
' <div><a href="###" style="font-family:lucida sans unicode,lucida grande,sans-serif;">Lucida Sans Unicode</a></div>'+
' <div><a href="###" style="font-family:tahoma,geneva,sans-serif;">Tahoma</a></div>'+
' <div><a href="###" style="font-family:times new roman,times,serif;">Times New Roman</a></div>'+
' <div><a href="###" style="font-family:trebuchet ms,helvetica,sans-serif;">Trebuchet Ms</a></div>'+
' <div><a href="###" style="font-family:verdana,geneva,sans-serif;">Verdana</a></div>'+
' </div>'+
'</div>'
),
_call = function(e) {
var _value = this.style.fontFamily;
_self.value= _value;
_self.exec();
};
$html.find( '>.centbox a' ).click( _call );
this.createDialog( {
body: $html
} );
}
} );
$.TE.plugin( 'fontsize', {
click: function() {
var _self = this,
$html = $(
'<div class="te_dialog_fontsize Lovh">'+
' <div class="centbox">'+
' <div><a href="#" style="font-size:10px">10</a></div>'+
' <div><a href="#" style="font-size:12px">12</a></div>'+
' <div><a href="#" style="font-size:14px">14</a></div>'+
' <div><a href="#" style="font-size:16px">16</a></div>'+
' <div><a href="#" style="font-size:18px">18</a></div>'+
' <div><a href="#" style="font-size:20px">20</a></div>'+
' <div><a href="#" style="font-size:22px">22</a></div>'+
' <div><a href="#" style="font-size:24px">24</a></div>'+
' <div><a href="#" style="font-size:36px">36</a></div>'+
' <div><a href="#" style="font-size:48px">48</a></div>'+
' <div><a href="#" style="font-size:60px">60</a></div>'+
' <div><a href="#" style="font-size:72px">72</a></div>'+
' </div>'+
'</div>'
),
_call = function(e) {
var _value = this.style.fontSize;
_self.value= _value;
_self.exec();
};
$html.find( '>.centbox a' ).click( _call );
this.createDialog( {
body: $html
} );
},
exec: function() {
var _self = this,
_html = '<span style="font-size:'+_self.value+'">'+_self.editor.selectedText()+'</span>';
_self.editor.pasteHTML( _html );
}
} );
$.TE.plugin( 'fontcolor', {
click: function() {
var _self = this,
$html = $(
'<div class="te_dialog_fontcolor Lovh">'+
' <div class="colorsel">'+
' <!--第一列-->'+
' <a href="###" style="background-color:#FF0000"> </a>'+
' <a href="###" style="background-color:#FFA900"> </a>'+
' <a href="###" style="background-color:#FFFF00"> </a>'+
' <a href="###" style="background-color:#99E600"> </a>'+
' <a href="###" style="background-color:#99E600"> </a>'+
' <a href="###" style="background-color:#00FFFF"> </a>'+
' <a href="###" style="background-color:#00AAFF"> </a>'+
' <a href="###" style="background-color:#0055FF"> </a>'+
' <a href="###" style="background-color:#5500FF"> </a>'+
' <a href="###" style="background-color:#AA00FF"> </a>'+
' <a href="###" style="background-color:#FF007F"> </a>'+
' <a href="###" style="background-color:#FFFFFF"> </a>'+
' <!--第二列-->'+
' <a href="###" style="background-color:#FFE5E5"> </a>'+
' <a href="###" style="background-color:#FFF2D9"> </a>'+
' <a href="###" style="background-color:#FFFFCC"> </a>'+
' <a href="###" style="background-color:#EEFFCC"> </a>'+
' <a href="###" style="background-color:#D9FFE0"> </a>'+
' <a href="###" style="background-color:#D9FFFF"> </a>'+
' <a href="###" style="background-color:#D9F2FF"> </a>'+
' <a href="###" style="background-color:#D9E6FF"> </a>'+
' <a href="###" style="background-color:#E6D9FF"> </a>'+
' <a href="###" style="background-color:#F2D9FF"> </a>'+
' <a href="###" style="background-color:#FFD9ED"> </a>'+
' <a href="###" style="background-color:#D9D9D9"> </a>'+
' <!--第三列-->'+
' <a href="###" style="background-color:#E68A8A"> </a>'+
' <a href="###" style="background-color:#E6C78A"> </a>'+
' <a href="###" style="background-color:#FFFF99"> </a>'+
' <a href="###" style="background-color:#BFE673"> </a>'+
' <a href="###" style="background-color:#99EEA0"> </a>'+
' <a href="###" style="background-color:#A1E6E6"> </a>'+
' <a href="###" style="background-color:#99DDFF"> </a>'+
' <a href="###" style="background-color:#8AA8E6"> </a>'+
' <a href="###" style="background-color:#998AE6"> </a>'+
' <a href="###" style="background-color:#C78AE6"> </a>'+
' <a href="###" style="background-color:#E68AB9"> </a>'+
' <a href="###" style="background-color:#B3B3B3"> </a>'+
' <!--第四列-->'+
' <a href="###" style="background-color:#CC5252"> </a>'+
' <a href="###" style="background-color:#CCA352"> </a>'+
' <a href="###" style="background-color:#D9D957"> </a>'+
' <a href="###" style="background-color:#A7CC39"> </a>'+
' <a href="###" style="background-color:#57CE6D"> </a>'+
' <a href="###" style="background-color:#52CCCC"> </a>'+
' <a href="###" style="background-color:#52A3CC"> </a>'+
' <a href="###" style="background-color:#527ACC"> </a>'+
' <a href="###" style="background-color:#6652CC"> </a>'+
' <a href="###" style="background-color:#A352CC"> </a>'+
' <a href="###" style="background-color:#CC5291"> </a>'+
' <a href="###" style="background-color:#B3B3B3"> </a>'+
' <!--第五列-->'+
' <a href="###" style="background-color:#991F1F"> </a>'+
' <a href="###" style="background-color:#99701F"> </a>'+
' <a href="###" style="background-color:#99991F"> </a>'+
' <a href="###" style="background-color:#59800D"> </a>'+
' <a href="###" style="background-color:#0F9932"> </a>'+
' <a href="###" style="background-color:#1F9999"> </a>'+
' <a href="###" style="background-color:#1F7099"> </a>'+
' <a href="###" style="background-color:#1F4799"> </a>'+
' <a href="###" style="background-color:#471F99"> </a>'+
' <a href="###" style="background-color:#701F99"> </a>'+
' <a href="###" style="background-color:#991F5E"> </a>'+
' <a href="###" style="background-color:#404040"> </a>'+
' <!--第六列-->'+
' <a href="###" style="background-color:#660000"> </a>'+
' <a href="###" style="background-color:#664B14"> </a>'+
' <a href="###" style="background-color:#666600"> </a>'+
' <a href="###" style="background-color:#3B5900"> </a>'+
' <a href="###" style="background-color:#005916"> </a>'+
' <a href="###" style="background-color:#146666"> </a>'+
' <a href="###" style="background-color:#144B66"> </a>'+
' <a href="###" style="background-color:#143066"> </a>'+
' <a href="###" style="background-color:#220066"> </a>'+
' <a href="###" style="background-color:#301466"> </a>'+
' <a href="###" style="background-color:#66143F"> </a>'+
' <a href="###" style="background-color:#000000"> </a>'+
' </div>'+
'</div>'
),
_call = function(e) {
var _value = this.style.backgroundColor;
_self.value= _value;
_self.exec();
};
$html.find( '>.colorsel a' ).click( _call );
this.createDialog( {
body: $html
} );
}
} );
$.TE.plugin( 'backcolor', {
click: function() {
var _self = this,
$html = $(
'<div class="te_dialog_fontcolor Lovh">'+
' <div class="colorsel">'+
' <!--第一列-->'+
' <a href="###" style="background-color:#FF0000"> </a>'+
' <a href="###" style="background-color:#FFA900"> </a>'+
' <a href="###" style="background-color:#FFFF00"> </a>'+
' <a href="###" style="background-color:#99E600"> </a>'+
' <a href="###" style="background-color:#99E600"> </a>'+
' <a href="###" style="background-color:#00FFFF"> </a>'+
' <a href="###" style="background-color:#00AAFF"> </a>'+
' <a href="###" style="background-color:#0055FF"> </a>'+
' <a href="###" style="background-color:#5500FF"> </a>'+
' <a href="###" style="background-color:#AA00FF"> </a>'+
' <a href="###" style="background-color:#FF007F"> </a>'+
' <a href="###" style="background-color:#FFFFFF"> </a>'+
' <!--第二列-->'+
' <a href="###" style="background-color:#FFE5E5"> </a>'+
' <a href="###" style="background-color:#FFF2D9"> </a>'+
' <a href="###" style="background-color:#FFFFCC"> </a>'+
' <a href="###" style="background-color:#EEFFCC"> </a>'+
' <a href="###" style="background-color:#D9FFE0"> </a>'+
' <a href="###" style="background-color:#D9FFFF"> </a>'+
' <a href="###" style="background-color:#D9F2FF"> </a>'+
' <a href="###" style="background-color:#D9E6FF"> </a>'+
' <a href="###" style="background-color:#E6D9FF"> </a>'+
' <a href="###" style="background-color:#F2D9FF"> </a>'+
' <a href="###" style="background-color:#FFD9ED"> </a>'+
' <a href="###" style="background-color:#D9D9D9"> </a>'+
' <!--第三列-->'+
' <a href="###" style="background-color:#E68A8A"> </a>'+
' <a href="###" style="background-color:#E6C78A"> </a>'+
' <a href="###" style="background-color:#FFFF99"> </a>'+
' <a href="###" style="background-color:#BFE673"> </a>'+
' <a href="###" style="background-color:#99EEA0"> </a>'+
' <a href="###" style="background-color:#A1E6E6"> </a>'+
' <a href="###" style="background-color:#99DDFF"> </a>'+
' <a href="###" style="background-color:#8AA8E6"> </a>'+
' <a href="###" style="background-color:#998AE6"> </a>'+
' <a href="###" style="background-color:#C78AE6"> </a>'+
' <a href="###" style="background-color:#E68AB9"> </a>'+
' <a href="###" style="background-color:#B3B3B3"> </a>'+
' <!--第四列-->'+
' <a href="###" style="background-color:#CC5252"> </a>'+
' <a href="###" style="background-color:#CCA352"> </a>'+
' <a href="###" style="background-color:#D9D957"> </a>'+
' <a href="###" style="background-color:#A7CC39"> </a>'+
' <a href="###" style="background-color:#57CE6D"> </a>'+
' <a href="###" style="background-color:#52CCCC"> </a>'+
' <a href="###" style="background-color:#52A3CC"> </a>'+
' <a href="###" style="background-color:#527ACC"> </a>'+
' <a href="###" style="background-color:#6652CC"> </a>'+
' <a href="###" style="background-color:#A352CC"> </a>'+
' <a href="###" style="background-color:#CC5291"> </a>'+
' <a href="###" style="background-color:#B3B3B3"> </a>'+
' <!--第五列-->'+
' <a href="###" style="background-color:#991F1F"> </a>'+
' <a href="###" style="background-color:#99701F"> </a>'+
' <a href="###" style="background-color:#99991F"> </a>'+
' <a href="###" style="background-color:#59800D"> </a>'+
' <a href="###" style="background-color:#0F9932"> </a>'+
' <a href="###" style="background-color:#1F9999"> </a>'+
' <a href="###" style="background-color:#1F7099"> </a>'+
' <a href="###" style="background-color:#1F4799"> </a>'+
' <a href="###" style="background-color:#471F99"> </a>'+
' <a href="###" style="background-color:#701F99"> </a>'+
' <a href="###" style="background-color:#991F5E"> </a>'+
' <a href="###" style="background-color:#404040"> </a>'+
' <!--第六列-->'+
' <a href="###" style="background-color:#660000"> </a>'+
' <a href="###" style="background-color:#664B14"> </a>'+
' <a href="###" style="background-color:#666600"> </a>'+
' <a href="###" style="background-color:#3B5900"> </a>'+
' <a href="###" style="background-color:#005916"> </a>'+
' <a href="###" style="background-color:#146666"> </a>'+
' <a href="###" style="background-color:#144B66"> </a>'+
' <a href="###" style="background-color:#143066"> </a>'+
' <a href="###" style="background-color:#220066"> </a>'+
' <a href="###" style="background-color:#301466"> </a>'+
' <a href="###" style="background-color:#66143F"> </a>'+
' <a href="###" style="background-color:#000000"> </a>'+
' </div>'+
'</div>'
),
_call = function(e) {
var _value = this.style.backgroundColor;
_self.value= _value;
_self.exec();
};
$html.find( '>.colorsel a' ).click( _call );
this.createDialog( {
body: $html
} );
}
} );
$.TE.plugin( 'about', {
'click': function() {
var _self = this,
$html = $(
'<div class="te_dialog_about Lovh">'+
' <div class="seltab">'+
' <div class="links Lovh">'+
' <a href="###" class="cstyle">关于ThinkEditor</a>'+
' </div>'+
' <div class="bdb"> </div>'+
' </div>'+
' <div class="centbox">'+
' <div class="aboutcontent">'+
' <p>ThinkPHP是一个免费开源的，快速、简单的面向对象的轻量级PHP开发框架，遵循Apache2开源协议发布，是为了敏捷WEB应用开发和简化企业级应用开发而诞生的。拥有众多的优秀功能和特性，经历了三年多发展的同时，在社区团队的积极参与下，在易用性、扩展性和性能方面不断优化和改进，众多的典型案例确保可以稳定用于商业以及门户级的开发。</p>'+
' <p>ThinkPHP借鉴了国外很多优秀的框架和模式，使用面向对象的开发结构和MVC模式，采用单一入口模式等，融合了Struts的Action思想和JSP的TagLib（标签库）、RoR的ORM映射和ActiveRecord模式，封装了CURD和一些常用操作，在项目配置、类库导入、模版引擎、查询语言、自动验证、视图模型、项目编译、缓存机制、SEO支持、分布式数据库、多数据库连接和切换、认证机制和扩展性方面均有独特的表现。</p>'+
' <p>使用ThinkPHP，你可以更方便和快捷的开发和部署应用。当然不仅仅是企业级应用，任何PHP应用开发都可以从ThinkPHP的简单和快速的特性中受益。ThinkPHP本身具有很多的原创特性，并且倡导大道至简，开发由我的开发理念，用最少的代码完成更多的功能，宗旨就是让WEB应用开发更简单、更快速。为此ThinkPHP会不断吸收和融入更好的技术以保证其新鲜和活力，提供WEB应用开发的最佳实践！</p>'+
' <p>ThinkPHP遵循Apache2开源许可协议发布，意味着你可以免费使用ThinkPHP，甚至允许把你基于ThinkPHP开发的应用开源或商业产品发布/销售。 </p>'+
' </div>'+
' </div>'+
' <div class="btnarea">'+
' <input type="button" value="关闭" class="te_close" />'+
' </div>'+
'</div>'
);
_self.createDialog( {
body: $html
} );
}
} );
//$.TE.plugin( 'eq', {
// 'click': function() {
// var _self = this,
// $html = $(
// '<div class="te_dialog_about Lovh">'+
// ' <div class="seltab">'+
// ' <div class="links Lovh">'+
// ' <a href="###" class="cstyle">关于ThinkEditor</a>'+
// ' </div>'+
// ' <div class="bdb"> </div>'+
// ' </div>'+
// ' <div class="centbox">'+
// ' <div class="eqcontent">'+
// ' <label for="eq_name">名称</label>'+
// ' <input type="text" name="eq_name" id="eq_name"/></br>'+
// ' <label for="eq_name">值</label>'+
// ' <input type="text" name="eq_val" id="eq_val"/></br>'+
// ' <textarea name="eq_content" id="eq_content" cols="30" rows="2"></textarea>'+
// ' </div>'+
// ' </div>'+
// ' <div class="btnarea">'+
// ' <input type="button" value="确定" class="te_ok" />'+
// ' <input type="button" value="关闭" class="te_close" />'+
// ' </div>'+
// '</div>'
// );
//
// _self.createDialog({
// body: $html,
// ok : function(){
// var _name = $html.find('#eq_name').val(),
// _val = $html.find('#eq_val').val(),
// _content = $html.find('#eq_content').val(),
// _html = '';
// _html += '<eq name="' + _name +'" value="' + _val +'">'+
// _content +
// '</eq>';
// _self.editor.pasteHTML( _html );
// _self.hideDialog();
// }
// });
//
// }
//});
} )( jQuery );
|
