Question

使用ckeditor时有一个问题。我按下图标添加图像，然后出现模态窗口，我将直接图像链接放在特殊字段中，此时自动检测宽度和高度，并写入样式为ex：

<img src='#some images direct link' style='width:SOME WIDTH;height:SOME HEIGHT'>

我可以禁用此自动功能吗？或者我每次都要自己删除这种风格？

Answer 1

您可以为配置编写一条规则，删除元素上的样式标记。

  var editorRulesObject = {
    elements: {
      img: function( el ) {
        if(el.attributes.style) {
          el.attributes.style = '';
        }
      }
    }
  };

  CKEDITOR.on('instanceReady', function( e ) {
    // Ensures that any non-styled text, or text input without any tags will be correctly styled.
    CKEDITOR.instances[e.editor.name].dataProcessor.dataFilter.addRules( editorRulesObject );
    CKEDITOR.instances[e.editor.name].dataProcessor.htmlFilter.addRules( editorRulesObject );
  });

Answer 2

在2020年之后，从4.5.0版开始，关闭烦人的自动填充高度和就绪状态要容易得多。新增了配置选项“ image_prefillDimensions”。

config.image_prefillDimensions = false;

文档：http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-image_prefillDimensions

用户仍然可以通过单击按钮[重置大小（圆圈箭头）]自动填充高度和宽度。

如何在ckeditor中禁用img的自动样式？

2 个答案: