kindeditor-4.0.4个性化修改

修改图片的属性

kindeditor.js

insertimage : function(url, title, width, height, border, align) {
title = _undef(title, '');
border = _undef(border, 0);
var html = '<p';
if (align) {
html += ' align="' + _escape(align) + '"';
}
html += '>';
html += '<img src="' + _escape(url) + '" data-ke-src="' + _escape(url) + '" ';
if (width) {
html += 'width="' + _escape(width) + '" ';
}
if (height) {
html += 'height="' + _escape(height) + '" ';
}
if (title) {
html += 'title="' + _escape(title) + '" ';
}
if (align) {
html += 'align="' + _escape(align) + '" ';
}
html += 'alt="' + _escape(title) + '" ';
html += '/>';
html += '</p>';
if (title) {
html += '<p';
if (align) {
html += ' align="' + _escape(align) + '"';
}
html += '><span style="font-family:KaiTi_GB2312;">' + _escape(title) + '</span></p>';
}
return this.inserthtml(html);
},

用来实现

其HTML如下

<p align="center">
<img title="图片说明" alt="图片说明" align="center" src="/uploadfile/image/20111212/20111212062350395039.jpg" />
</p>
<p align="center">
<span style="font-family:KaiTi_GB2312;">图片说明</span>
</p>

默认居中,图片下面是图片说明,且为楷体。

 

修改上传图片默认为本地上传

plugins/image/image.js

找到下面的位置,修改如下:

把原来的tabs.select(0)、K('.tab1',div).show()改为tabs.select(1)、K('.tab2',div).show()

这样就行了,打开默认如下:

 

但这样修改之后遇到一个问题,就是插入图片后,再次修改图片属性时遇到两个问题:

1、默认打开本地上传,这样就得再按一下远程图片,才可以真正修改属性,按确定。

2、按确定后,会重复插入图片说明文字。

posted @ 2011-12-12 21:02  王春明  阅读(569)  评论(0编辑  收藏  举报