CKeditor相关使用技巧

杰克工作室

发现CK默认的图片插件有一大堆自定义属性，比如宽、高、预览还有图片是否加链接的设置

根据CKEditor提供的自定义参数设置如下：

CKEDITOR.on('dialogDefinition', function (ev) {
  var dialogName = ev.data.name;
  var dialogDefinition = ev.data.definition;
  if (dialogName == 'image') {
    //移除高级选项、链接选项
  	dialogDefinition.removeContents( 'advanced' );
    dialogDefinition.removeContents( 'Link' );
    // 定义对象
    var infoTab = dialogDefinition.getContents('info');
    //移除其它杂项
    infoTab.remove('browse');
    infoTab.remove('txtHSpace');
    infoTab.remove('txtVSpace');
    infoTab.remove('txtBorder');
    infoTab.remove('txtAlt');
    infoTab.remove('txtWidth');
    infoTab.remove('txtHeight');
    infoTab.remove('cmbAlign');
    infoTab.remove('ratioLock');
    infoTab.get( 'htmlPreview' ).style = 'display:none';
}

关于图片预览的配置，默认也可以使用infoTab.remove('htmlPreview');，但是这样操作会有报错，只好把它用样式隐藏了。