2017-12-04 11 views
0

自動的にCKEditorは「フレーム化」モードを使用したいが、「インライン」モードを使用する。CKEditor 4:「フレーム化」モードを強制する方法

これは私の場合に起こります。ドキュメントを読んでも正常に見えなくても、おそらく間違っていると思います。

私はまた、contenteditable属性を追加しようとしましたが、成功しませんでした。

<textarea name="text" class="form-control wysiwyg editor" id="text" rows="10" contenteditable="false"></textarea> 

これは、代わりに私がエディタを初期化しているとのコードです:

$(function() { 
    $('.editor.wysiwyg').each(function() { 
     CKEDITOR.disableAutoInline = true; 
     CKEDITOR.replace(this.id, { 
      disableNativeSpellChecker: false, 
      fontSize_sizes: '10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;30/30px;', 
      height: 375, 
      image2_alignClasses: [ 'float-left', 'text-center', 'float-right' ], 
      insertpre_class: false, 
      removeButtons: 'Font', 
      removeDialogTabs: false, 
      tabSpaces: 4, 
      toolbarCanCollapse: true, 
      toolbarGroups: [ 
       { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, 
       { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
       { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] }, 
       { name: 'links' }, 
       { name: 'insert' }, 
       { name: 'forms' }, 
       { name: 'tools' }, 
       { name: 'others' }, 
       '/', 
       { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
       { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] }, 
       { name: 'styles' }, 
       { name: 'colors' }, 
       { name: 'about' } 
      ], 
     }); 
    }); 
}); 

私は、ドキュメントのthisthis pageを読みましたが、私は便利なものを発見していません。

私はjQueryアダプタを使用しています。

どうすればいいですか?ありがとうございました。

+0

ckeditorを使用するには、textareaにcontenteditable属性は必要ありません。 ckeditorが起動せずに起動しない場合は、エラー時にコンソールを確認してください。あなたの実行設定は正常に見えます。 – SAZ

+0

@saz申し訳ありませんが、CKEditorは「インライン」モードで開始し、「フレーム化」モードでは開始しません。コンソールにエラーはありません –

答えて

0

解決済み。

この問題は、divareaプラグインによって発生しています。代わりに、IFrame Editing Areaプラグインを使用する必要があります。

実際には、プラグインのページにあると説明されています

これは、それが(そのような別のプラグインで埋め戻されている場合にのみ無効にすることができます古典的な、IFRAMEベースのエディタのコア機能でありますDiv編集エリアとして)、またはインラインエディタのみが使用されている場合。

これはドキュメントでは説明されていません(ドキュメンテーションを担当する担当者に報告する方法)。

私は正しいプラグインを持っていることを確認してから、プラグインを無効にするためにremovePlugins設定オプションを使用しました。

関連する問題