CKEditor CDNとインライン編集用の設定

Question

contenteditable=trueのdivを持つページがあります。//cdn.ckeditor.com/4.7.3/standard/ckeditor.jsをロードすると、CKEditorで編集できるようになりますが、使用しないので、CKEDITOR.replace()の設定を送信できません。編集者のcontenteditableフィールドのためにロードされているCKEditorのツールバー設定を設定するにはどうすればよいですか？

Answer 1

あなたがCDNを使用したい場合は、私が唯一のオプションは、インラインエディタを持っているしたい場合は、あなたがそのようなdiv要素を会話するCKEDITOR.inlineメソッドを使用することができます

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

Answer 2

インラインエディタに

を使用することです怖いですインラインエディタでは、2番目の引数にオブジェクトとしての通常の設定を渡すことができます。あなたがそのように行うことができ、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' 
});