CKEditor CDN和配置用于内联编辑

Question

所以，我有一个包含contenteditable=true的div的页面，我加载//cdn.ckeditor.com/4.7.3/standard/ckeditor.js这使得它们可以使用CKEditor进行编辑 - 但是因为我不使用CKEDITOR.replace()我无法发送编辑器的配置。如何为可信任字段加载CKEditor的工具栏配置？

Answer 1

如果您想使用CDN，我恐怕只能使用

CKEDITOR.disableAutoInline = true;
CKEDITOR.inline("div_id", { customConfig: "config.js" });

Answer 2

内联编辑器

如果您希望使用内联编辑器，可以使用CKEDITOR.inline方法将此类div转换为内联编辑器，您可以将常规配置作为对象传递给第二个参数。配置更改ui颜色的示例（full example）：

var editor = CKEDITOR.inline( 'editor', {
  uiColor: '66FFFF'
} );

Divarea编辑

另一种选择是使用divarea编辑器。在这种情况下，您使用常规CKEDITOR.replace方法，并且必须添加 divarea 插件。 下面的示例实现与codepen实现的链接。 https://codepen.io/msamsel/pen/YEbode正如您所见，主网站上的css也会在编辑器中应用。

var editor = CKEDITOR.replace( 'editor', {
  uiColor: '66FFFF',
  extraPlugins: 'divarea'
} );