Question

我正在使用带有jquery适配器插件的ckeditor，我想知道如何简化我的过程并从textarea标签中的属性动态选择不同的工具栏。

<textarea class="form-control ckeditor" data-toolbar="web"></textarea>

<script>
  $('textarea.ckeditor').ckeditor({
  height : '100px',
  width : '100%',
  toolbar : $(this).attr('data-toolbar'),
  allowedContent : true 
  });
</script>

在这种情况下，我有一个名为“web”的工具栏，它在配置文件中配置，如果我通过使用数据属性控制工具栏，我认为它会更好。这样我可以在我的页面上的多个编辑器上使用不同的工具栏。

关于如何通过额外属性执行此操作而不必编写其他代码的任何想法？

Answer 1

您可以通过处理instanceCreated事件为每个编辑器实例设置工具栏配置。新的编辑器实例将在事件数据中传递，这将使您可以访问编辑器实例所附加的textarea元素，并允许您使用工具栏配置的data-toolbar属性值

<script>
    CKEDITOR.on('instanceCreated', function(evt) {
       evt.editor.config.toolbar = evt.editor.element.$.getAttribute('data-toolbar');
    });
</script>

从textarea中的属性更改ckeditor工具栏？

1 个答案: