+2 投票

定制CKEditor的时候,会发现CK默认的图片编辑插件有一大堆自定义属性,比如宽、高、预览还有图片是否加链接的设置,但是这些对于整个网站的UI样式来说,无疑是巨大的危害。

那么移除它们很简单,根据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');,但是这样操作会有报错,只好把它用样式隐藏了。

最新提问 4月 21, 2016 分类:Q2A | 用户: shionphan (900 分)
修改于 4月 21, 2016 用户:unknow

2 个回答

+1 投票
已采纳

在非Q2A配置的编辑器还需要再配置name名对应关系,全部代码应该:

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';
}

// Add by unkown
CKEDITOR.replace( 'editor1' );

更多配置参考资料:http://stackoverflow.com/questions/18133800/how-do-i-customize-a-ckeditor-4-2-builtin-plugin-like-links/18142374#18142374

最新回答 4月 21, 2016 用户: unknow (2,120 分)
采纳于 4月 21, 2016 用户:unknow
0 投票
期待开源定制版编辑器!!!
最新回答 4月 21, 2016 用户: typxc (410 分)
39 问题
29 回答
15 留言
3,160 用户