想给系统做个日志更新记录的功能，用到富文本编辑器，在百度上搜索后，发现 百度的uEditor，跟国产的 kindEditor 这两个满不错的，uEditor用它的表格功能比较不错，kindEditor看它的大小比较小是uEditor的一半，后来决定用kindEditor吧。
http://kindeditor.net/ 它的主页，全是中文的
用起来也是非常简单
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
//首先定义一个textarea <textarea name="content"></textarea> //然后进行初始化 KindEditor.ready(function(K) { window.editor = K.create('[name=content]',{ width:"100%", minHeight:"400", resizeType:1, allowFileManager:true, uploadJson : '{$Think.PLUGIN_PATH}kindeditor/php/upload_json.php', fileManagerJson : '{$Think.PLUGIN_PATH}kindeditor/php/file_manager_json.php', }); }); |
后来我发现插入的图片尺寸居然不支持百分比，这可不行。
一开始我是想让它的窗口直接支持 %单位，后来换了种方式，默认增加 max-width 属性
|
1 2 3 4 5 |
在源非min文件中305行，以下数组中增加.max-width img : ['id', 'class', 'src', 'width', 'height', 'border', 'alt', 'title', 'align', '.width', '.height', '.border','.max-width'], 然后在3246行，将img的默认样式增加style='max-width:100%' var html = '<img style="max-width:100%;" src="' + _escape(url) + '" data-ke-src="' + _escape(url) + '" '; |
这样就搞定了。
后面我又发觉编辑器里的字体太小了，才12px，看得我眼痛，修改以下样式
|
1 2 3 |
在3603行左右 'body, td {font:14px/1.5 "sans serif",tahoma,verdana,helvetica;}', |