javascript - 如何从 ckeditor 中删除特定按钮

Question

我在两个文本区域上使用 ckeditor，但问题是我需要有限的选项来显示 (B,I U ) 项目符号格式，我按照一个链接并在 config.js 中进行了更改，但它反射(reflect)在所有 ckediotr 上，但我想要的更改应该反射(reflect)该文本区域的特定 ckediotr。

我关注的链接:

How to remove buttons from CKeditor 4

1)我只需要B，I，U，所以我必须在js文件中提及

2) 上述bultes样式仅需要一个ckeditor

从 ckeditor 的 config.js 文件中删除按钮/项目符号。

CKEDITOR.editorConfig = function (config) {
config.removePlugins = 'save,newpage,flash,about,iframe,language'; 
//The options which remove all styles except (B,I,U)
};



<textarea class="form-control editor_cls" id="htapply" rows="5" required></textarea>

 <textarea class="form-control editor_cls"  id="htapply" rows="5" required></textarea>

在所有文本区域应用 ckeditor 的脚本

<script type="text/javascript">
$('.editor_cls').each(function() { //alert();
  var editor_id = $(this).attr('id');
  CKEDITOR.replace( editor_id, {
      height: 100
    });
});
</script>

Answer 1

首先，您的文本区域应该有不同的 id，您不应该在同一页面中两次使用相同的 id。如果您给它们不同的 ID，您将能够轻松区分它们:

<textarea class="form-control editor_cls" id="htapply" rows="5" required></textarea>

<textarea class="form-control editor_cls"  id="htapply2" rows="5" required></textarea>

然后在你的 JS 代码中你可以:

<script type="text/javascript">
$('.editor_cls').each(function() { //alert();
  var editor_id = $(this).attr('id');
  if (editor_id === 'htapply2') {
    // add B, I, U to this editor
    CKEDITOR.replace(editor_id, {
      height: 100,
      plugins: 'bold,italic,underline',
      removePlugins: 'save,newpage,flash,about,iframe,language'
    });
  } else {
    CKEDITOR.replace(editor_id, {
      height: 100,
      removePlugins: 'save,newpage,flash,about,iframe,language'
    });
  }
});
</script>