前に言ったようにブートストラップのウェブページを書き続けます...そして、リッチなテキストエディターを使用して、それを検索して選択するだけです
それから私は非常に恥ずかしい問題を発見しました...画像のアップロード関数は無効です...その後、さまざまな検索が無益です...最後に、私は公式の夏の文書をフリックして最終的に解決しました。要するに、ソリューションプロセスを書き留めました。
バックエンドパーツはコードを提供しません、それは人々でいっぱいです。ここで、バックエンドがアップロードされたファイルを取得し、ファイルのアドレスを返すと仮定します。
まず、参考資料を添付してください：夏の公式開発文書
Summernoteの画像アップロード機能の実装計画について簡単に話します
まず、公式ドキュメントで提供されているAPIによれば、ファイルアップロードイベントを添付し、JSを使用してファイルを再アップロードし、最後にAPIを使用して画像を編集ボックスに挿入します。
それは非常に簡単な質問でしたが、残念なことに、役人はインターフェイスが書かれた理由を知りませんでした...そして、私がオンラインで検索したすべての情報はだまされました...
要するに、2つのCore Summernote APIが整理され、ファイルのアップロードイベントを引き継ぎ、写真を挿入すると、公式ドキュメントに従って形式が次のとおりです。
//イメージアップロードイベント$（ '＃summernote'）。summernote（{callbacks：{onimageupload：files（files）{//イメージをサーバーにアップロードし、画像を編集ボックスに挿入}}）; その上次に、写真のアップロードをサポートするSummernote Editボックスを簡単に実装できます
コードは次のとおりです。
$（ '＃summernote'）。summernote（{callbacks：{onimageupload：fulse（files）{// formdataオブジェクトを使用して、サーバーに画像をアップロードします。 ：「アップロード」、//インターフェイスタイプ：「投稿」、formdata、processdata：false、contenttype：function（data '）。最後に、これは互換性が低く、エラー例外プロンプトをまったく考慮していない最も単純な画像アップロード機能を実装します...必要に応じて自分で変更してください
Summernoteで画像アップロード機能を実装する簡単な方法は、エディターが共有するコンテンツ全体です。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。