2016-01-07 6 views
6

ContentTools(wysiwygエディタ)の編集(Ignition)ボタンの外観や位置を変更する方法がわかりにくいです。ContentToolsの編集ボタンをカスタマイズする

editor.start();editor.stop();を使用してページの編集をトリガーすることができました。これらの機能を自分のボタンにマップしたいと思いますが、デフォルトのボタンを取り除くことはできません。

ウェブサイトのドキュメントやチュートリアルでは、これを理解するのに十分な助けとなりませんでした。

ありがとうございました!

.ct-ignition { 
    display: none; 
} 

あなたからボタンを削除することを好む場合:

+0

利用できる編集者の不足はありません。必要な機能が文書化されていないか、利用可能でない場合は、 – charlietfl

+0

を探してください。イメージアップロードを可能にする非常にシンプルで軽量なWYSIWYGエディタが必要です。私はCKEditorを使用しましたが、フレームワークとしてLaravelを使用しているので、あまり好きではありません。ファイルマネージャーが必要な画像をアップロードするには、2つのテキストエリアを編集して画像。 –

答えて

6

私はこれを行うことをお勧めします2つの方法がありますが、最も簡単なオプションは、そうのように(それは呼ばれていますよう)(reference SASS)を点火ボタンを非表示にすることですDOMは完全にあなたがそうのようなUIからボタンをアンマウントでき(reference CoffeeScript):

// Once the Editor has been initialized 
ContentTools.EditorApp.get()._ignition.unmount(); 

私のアドバイスは、点火を隠すためにCSSを使用すると、カスタムボタンを使って手動で機能を呼び出すには、それに対してイベントをトリガすることであろう、ように:

var editor = ContentTools.EditorApp.get(); 

// Starting the editor manually 
editor._ignition.trigger('start'); 

// Stoping the editor manually (save) 
editor._iginition.trigger('stop', true); 

// Stoping the editor manually (cancel) 
editor._iginition.trigger('stop', false); 

また、プロジェクトのgithubの発行リストに尋ねこれらの質問を検討することが有用であり得る:

+0

ありがとうございました!それは多くの助けになりました! –

+0

私は以下の作業をすることができません。 var editor = ContentTools.EditorApp.get(); //手動でエディタを起動する //editor._ignition.trigger('start '); しかし、私はこれを動作させることができます。 var editor = ContentTools.EditorApp.get(); editor.start() APIが変更されましたか? – GrayDwarf

関連する問題