CK编辑器禁用宽度和高度设置

Question

CK编辑器禁用宽度和高度设置

4

我遇到了使用 ckeditor 时的一个令人烦恼的特性。

当你上传一张图片时，无论在文本内容中还是其他地方，ckeditor会自动将宽度和高度的输入框填充为默认值，这会导致一个带有width和height属性的html标签被添加到style属性中：

<img alt="" src="/uploads/ckeditor/pictures/196/content_David_Leo006.jpg" style="width: 2000px; height: 669px;">

但是，如果您删除输入字段中的值并提交，宽度和高度将不会被设置：

<img alt="" src="/uploads/ckeditor/pictures/196/content_David_Leo006.jpg">

现在像21世纪的任何正常、聪明、健康的Web开发人员一样，我有一个响应式设计来处理这些事情，所以我希望标签总是像后者那样生成。我如何完全隐藏和禁用宽度/高度的输入字段？

CK编辑器的文档非常混乱。

- Marco Prins

2个回答

3

CKEditor 4.5现在新增了一个image_prefillDimensions配置项，可以将其设置为false来禁用自动填充功能。详见：http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-image_prefillDimensions

- Gus

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jamie Barker · Accepted Answer

我之前在表格方面也做了类似的事情。由于我们正在强制使用响应式样式和宽度，我不希望最终用户输入愚蠢的值。

也许这段代码可以帮助你：

CKEDITOR.on( 'dialogDefinition', function( ev )
{
  var dialogName = ev.data.name;
  var dialogDefinition = ev.data.definition;


  if (dialogName == 'table') {

     // Get the advanced tab reference
     var infoTab2 = dialogDefinition.getContents('advanced');

     //Set the default

     // Remove the 'Advanced' tab completely
     dialogDefinition.removeContents('advanced');


     // Get the properties tab reference
     var infoTab = dialogDefinition.getContents('info');

     // Remove unnecessary bits from this tab
     infoTab.remove('txtBorder');
     infoTab.remove('cmbAlign');
     infoTab.remove('txtWidth');
     infoTab.remove('txtHeight');
     infoTab.remove('txtCellSpace');
     infoTab.remove('txtCellPad');
     infoTab.remove('txtCaption');
     infoTab.remove('txtSummary');
  }
});