問題タブ [summernote]

エディタ Summernote に問題があります。サーバー上のカタログに画像をアップロードしたいと考えています。私はいくつかのスクリプトを持っています:

もちろん、すべての js ファイルと CSS ファイルがあります。私は何を間違っていますか？画像のアップロードをクリックしてエディターに移動すると、画像がテキストエリアにありません。

sendFile 関数と onImageUpload を削除すると、画像は base64 に保存されます。

summernote へのリンク: http://hackerwins.github.io/summernote/

データベースに定型メールのリストがあります。「ご入会ありがとうございます」「ご購入ありがとうございます」など。Bootstrap モーダルを使用してこれらのメールを編集しています。編集ボタンをクリックすると、モーダルがドロップダウンし、データベースからのデータ (メール名、件名、本文) が入力されます。これを達成するために、データをブートストラップモーダルに渡すを使用しています。よく働く。現在、リッチ テキスト エディターとして summernote を使用しています。

未編集のデータを表示するテキストエリアは次のとおりです。

クラス summernote は、データを編集できるように出力テキスト領域に送信する方法です。データを編集したら、[送信] をクリックします。以下のコードを使用して、データが JavaScript に取り込まれます。

おもしろいのは、summernote のテキスト領域が空白の場合、これが正常に機能することです。まるで、メールを編集するのではなく、新しいメールを作成しているかのようです。はconsole.log、編集された電子メール本文を出力するはずですが、出力しません。元のメール本文を出力します。理由はわかりません。

編集したメールを JavaScript に取り込むために何が欠けていますか。以下は、この質問に関係すると思われるコードの主要部分です。

このセクションは、ページへの出力であり、編集ボタンのデータ リダイレクトです。

この次の部分は、データをモーダルにリダイレクトする jQuery です。これ.note-editableは、メール本文をリダイレクトするものです。

そして、ここにモーダルがあります：

この下には、その他の変数と AJAX スクリプトのみが表示されます。

データベースから取得したテキストを変更するために、summernote の div を設定しました。

div の直後に、ID を持つテキスト領域があります。

summernote div に入力すると、テキストエリアの内容が変化するようにします。この質問を入力しているときに何が起こっているかのように。

summernote のツールバーのボタンは常に左揃えです。このツールバー ボタンの配置を右または中央に変更する方法はありますか?

デフォルトの位置は次のとおりです: http://i.imgur.com/LmXGa1p.png

ボタンの配置を変更したいので、次のようになります: http://i.imgur.com/R9NxbZG.png

だから私はサマーノートでノックアウトをうまくプレイさせようとしていますが、実際にはうまくいきません。これは、summernote が<div contenteditable>入力フィールドだけでなく a を使用するためであることに気付きました。

私のバインディングはこれです：

明らかにノックアウトは contenteditable だけではうまく機能しません。