0

2.SimpleLog 代码高亮插件修正

发表者:wenzhou1219分类:SimpleLog2013-12-08 17:34:24 阅读[747]

修正内容为add_blog.html文件

修正方式:在将代码文件贴到编辑器前,为了防止XhEditor内在的html修正检测,必须将一些html元素encode(诸如单引号、双引号、空格等,左右箭头等),这里采用XhEditor内在的一个函数_this.domEncode来完成该功能,那么完整的加入编辑器代码高亮扩展代码如下:

//扩展按钮和按钮对应操作
var plugins={
	Code:{c:'btnCode',t:'插入代码',h:1,e:function(){
		var _this=this;
		var htmlCode='<div><select id=\"xheCodeType\"><option value=\"html\">HTML/XML</option><option value=\"js\">Javascript</option><option value=\"css\">CSS</option><option value=\"php\">PHP</option><option value=\"vb\">VB/ASP</option><option value=\"sql\">SQL</option><option value=\"cpp\">CPP</option></select></div><div><textarea id=\"xheCodeValue\" wrap=\"soft\" spellcheck=\"false\" style=\"width:300px;height:100px;\" /></div><div style=\"text-align:right;\"><input type=\"button\" id=\"xheSave\" value=\"确定\" /></div>';
		var jCode=$(htmlCode),jType=$('#xheCodeType',jCode),jValue=$('#xheCodeValue',jCode),jSave=$('#xheSave',jCode);
		jSave.click(function(){
			
			_this.loadBookmark();
			_this.pasteHTML('<pre class="brush: '+jType.val()+';" >' + _this.domEncode(jValue.val()) + "</pre><br /><br /><br />");
			_this.hidePanel();
			return false;
		});
		_this.showDialog(jCode);
	}}
}

//两个编辑器的相关自定义参数设置
var editor=$('#editor').xheditor({localUrlTest:/^https?:\/\/[^\/]*?(simple-log\.com)\//i,remoteImgSaveUrl:'admin.php?act=upload&type=img&remote_copy=1',shortcuts:{'ctrl+enter':submitForm},plugins:plugins,loadCSS:'<style>pre{margin-left:20px;border-left:3px solid #6CE26C;padding-left:10px;}body  {font-family:"Arial", "Verdana";font-size:12px;margin: 0;}.code{margin: 5px 0;padding: 10px;text-align: left;display: block;overflow: auto;font-size:20px;background: #FAFAFA;border: 1px solid #f2f2f2;font: 500 1em/1.5em "Lucida Console", "courier new", monospace ;}</style>',tools:'Cut,Copy,Paste,Pastetext,SelectAll,Removeformat,|,Fontface,FontSize,Bold,FontColor,BackColor,|,Img,Flash,Media,Link,Emot,Unlink,|,Code,Preview,btnCode,Fullscreen,Source',skin:'vista',upLinkUrl:'admin.php?act=upload&type=file',upImgUrl:'admin.php?act=upload&type=img',upFlashUrl:'admin.php?act=upload&type=flash',upFlashExt:'swf,flv',upMediaUrl:'admin.php?act=upload&type=file'});
var description=$('#description').xheditor({plugins:plugins,loadCSS:'<style>pre{margin-left:20px;border-left:3px solid #6CE26C;padding-left:10px;}body  {font-family:"Arial", "Verdana";font-size:12px;margin: 0;}.code{margin: 5px 0;padding: 10px;text-align: left;display: block;overflow: auto;font-size:20px;background: #FAFAFA;border: 1px solid #f2f2f2;font: 500 1em/1.5em "Lucida Console", "courier new", monospace ;}</style>',tools:'Cut,Copy,Paste,Pastetext,SelectAll,Removeformat,|,Fontface,FontSize,Bold,FontColor,BackColor,|,Img,Flash,Media,Link,Emot,Unlink,|,Code,Preview,btnCode,Fullscreen,Source',skin:'vista',upLinkUrl:'admin.php?act=upload&type=file',upImgUrl:'admin.php?act=upload&type=img',upFlashUrl:'admin.php?act=upload&type=flash',upFlashExt:'swf,flv',upMediaUrl:'admin.php?act=upload&type=file',html5Upload:false});
function submitForm(){$('#blog_form').submit();}
如果你想对编辑器实现更多扩展或自定义参数,请阅读XhEditor相关文档做相应代码修改,也可以给我留言,对大家提得多的功能我会考虑加上去。


代码高亮插件下载链接,下载后覆盖原安装文件即可,所有修正文件针对原作者Simple-Blog 1.6 2012-01-22版本




名字:

个人主页地址:

E-mail:

评论列表