5

現在、テキストにインライン ckeditor を追加しようとしています。

JavaScript エラーは発生しませんが、残念ながらすべてのツールが無効になっており、テキストを編集できません。

http://fiddle.jshell.net/5LuyD/

誰が私が間違っているのかについての手がかりを持っていますか?

4

6 に答える 6

7

欠けているのはcontenteditable="true"、要素の属性です。エディターをカスタマイズしたい (つまり、 経由で実行したい) 場合は、最初CKEDITOR.inline( element, cfg )に設定します。CKEDITOR.disableAutoInline = true;

ではCKEDITOR.disableAutoInline = true;、すべてのcontenteditable="true"要素を手動で初期化してエディター インスタンスにする必要があります。インライン インスタンスの公式ガイドを参照してください。

于 2013-03-28T09:24:04.497 に答える
2

編集可能なタグの contenteditable="true" 属性がありません!

これがフィドルです。http://fiddle.jshell.net/5LuyD/1/

于 2013-03-28T08:35:21.260 に答える
2

を設定しているにもかかわらずこの問題contenteditable="true"が発生している場合は、要素 (または親要素) が表示されない場合に contenteditable が false に設定される Chrome に問題があります。

参照: http://ckeditor.com/forums/CKEditor/Solved-Chrome-Toolbar-buttons-grayed-out-for-INLINE-editor

解決策は、a) 呼び出す前に要素が確実に表示されるようにするCKEDITOR.inline()か、b) contenteditable 要素の代わりに textarea を使用することです (この場合、CKE は textarea の後に contenteditable div を追加します)。

于 2014-08-18T19:36:45.847 に答える
1

同じ問題が発生したばかりで、別の修正を発見しました。親要素 (または要素自体) が最初に display:none に設定されている場合、contenteditable は = false (クロム上) になります。

この修正は私のために働いた：

var ck = CKEDITOR.inline(element);
ck.on('instanceReady', function(event) {
     var editor = event.editor;
     editor.setReadOnly(false);
});

参照: https://dev.ckeditor.com/ticket/9814

于 2015-09-30T20:31:14.067 に答える