CKEditor中BBCode支持table等其他标签

项目中使用了CKEditor的BBCode功能，但是可是化界面中编辑的表格不能自动转换为BBCode标签，经过研究发现修改扩展BBCode还是比较容易的，主要是以下代码：

	var bbcodeMap = { 'b' : 'strong', 'u': 'u', 'i' : 'em', 'color' : 'span', 'size' : 'span', 'quote' : 'blockquote', 'code' : 'code', 'url' : 'a', 'email' : 'span', 'img' : 'span', '*' : 'li', 'list' : 'ol' },
			convertMap = { 'strong' : 'b' , 'b' : 'b', 'u': 'u', 'em' : 'i', 'i': 'i', 'code' : 'code', 'li' : '*' },
			tagnameMap = { 'strong' : 'b', 'em' : 'i', 'u' : 'u', 'li' : '*', 'ul' : 'list', 'ol' : 'list', 'code' : 'code', 'a' : 'link', 'img' : 'img', 'blockquote' : 'quote' },
			stylesMap = { 'color' : 'color', 'size' : 'font-size' },
			attributesMap = { 'url' : 'href', 'email' : 'mailhref', 'quote': 'cite', 'list' : 'listType' };

 混淆压缩过后的代码类似这样：

var a={table:'table',td:'td',tr:'tr',b:'strong',u:'u',i:'em',color:'span',size:'span',quote:'blockquote',code:'code',url:'a',email:'span',img:'span','*':'li',list:'ol'},b={table:'table',td:'td',tr:'tr',strong:'b',b:'b',u:'u',em:'i',i:'i',code:'code',li:'*'},c={table:'table',td:'td',tr:'tr',strong:'b',em:'i',u:'u',li:'*',ul:'list',ol:'list',code:'code',a:'link',img:'img',blockquote:'quote'},d={color:'color',size:'font-size'},e={url:'href',email:'mailhref',quote:'cite',list:'listType'},

 

评论

2 楼 tedeum 2012-06-05  

xurichusheng 写道

CKEditor上传图片的时候没有“浏览”按钮，只能手动输入图片的URL，这个个人感觉人性化不怎么好。

还没用过，不过CKEditor有个项目是浏览图片的，可以和editor一起用:http://ckfinder.com/

1 楼 xurichusheng 2012-06-04  

CKEditor上传图片的时候没有“浏览”按钮，只能手动输入图片的URL，这个个人感觉人性化不怎么好。