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、按确定后，会重复插入图片说明文字。