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