yii2 は、Baidu エディター umeditor と umeditor 画像アップロードの問題解決策を統合します。yii2umeditor_PHP チュートリアル
- WBOYオリジナル
- 2016-07-12 08:53:481057ブラウズ
yii2 は、Baidu エディター umeditor と umeditor 画像アップロードの問題解決策、yii2umeditor を統合します
Yii2 フレームワークが Baidu エディター umeditor をどのように統合するかについて話しましょう。
umeditor とは何ですか? ueditor という名前しか聞いたことがないのですが、Umeditor は Dongdongnan の海賊版ですか?率直に言うと、UEditor は UEditor のミニバージョンです。Baidu の公式声明によると、実際には「短く、柔らかく、小さい」エディタですが、フル機能を備えています。えー、本題に戻りましょう。
まず、公式 Web サイトにアクセスして、ueditor umeditor のミニバージョンをダウンロードしましょう。これは um editor です。
それをダウンロードして解凍し、後で参照できる限り、プロジェクトのルート ディレクトリの下の /css ディレクトリに置きます。具体的な場所は任意です。
2 番目のステップは、backendassetsAppset クラスを拡張することです。おっと、なぜこのようなものを拡張する必要があるのでしょうか? Cheng Yaojin が途中で出てきました。ここでこのクラス ファイルを拡張する目的は、ファイルへの css js ファイルの導入を容易にすることです。
非常に簡単で、次の2つのメソッドをAppsetメソッドに追加するだけです
リーリー次に、以下の設定に従います。
最初に説明します。ここでは、Baidu Editor に表示する必要がある記事テーブルとコンテンツ フィールドがあると仮定します。
yii2 フォームモデルに従って、article_form.php ファイルの content フィールドを変更します
リーリーこのファイルでは、次のように Appset クラスと関連する CSS JS ファイルが導入されています
リーリーそれを実現するには、現在のページの下部に次の js コードを登録するだけです
リーリー 記事コンテンツの由来については、バインドしたい対象オブジェクト、つまりコンテンツです。 article-content はオブジェクトの現在の ID です。
OK、Baidu エディターは基本的に統合されました。急いで記事を追加して、エディターにコンテンツがあるかどうかを確認してください。
以下では、Baidu エディタ umeditor での画像アップロードの問題を yii2 がどのように解決するかを紹介します。
yii2 フレームワークは Baidu エディターを統合しています。ファイルのアップロードには yii2 に付属の UploadFile が使用されるため、umeditor のアップロードが失敗するのは避けられません。この問題を解決するには、次の 2 つの手順だけを見てみましょう。具体的な実装
まず、umeditor を設定しましょう。ここでは、imageUrl 設定項目を /tools/um-upload を指すように変更するだけです。
次のステップは、/tools/um-upload メソッドを実装することですueditor の実装に従って、ここではアップロードが成功した後に成功情報を返すだけで済みます
リーリー
特別な注意事項: 上記で返される $info 情報の状態は SUCCESS のみであり、大文字と小文字が区別されます