CKEditorをインライン編集するにはどうすればいいですか

Question

CKEditorを使用して自分のサイトのページを編集したいと考えています。インライン編集機能はクールに見えますが、動作させることはできません。

自分のウェブサイトの例を自分のページの1つにコピーしましたが、テキストを編集できますが、CKEditorは表示されません。コンソールにエラーはありません。

どうしたのですか。

Answer 1

CKEditorのウェブサイトに関する少しの研究の結果、CKEditorがポップアップするタグのセットが制限されていることが判明しました。あなたはそれだけで私は<span>を使用していたので、それが働いていなかった

{address: 1, article: 1, aside: 1, blockquote: 1, body: 1, details: 1, 
div: 1, fieldset: 1, figcaption: 1, footer: 1, form: 1, 
h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1, header: 1, hgroup: 1, main: 1, 
nav: 1, p: 1, pre: 1, section: 1} 

次のタグの上にポップアップ表示されますデフォルトでは list here on the CKEDITOR.dtd.$editable object

を見ることができます。それを<div>に変更しました。