yii2 は、Baidu エディター umeditor と umeditor 画像アップロードの問題解決策を統合します。yii2umeditor_PHP チュートリアル

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 のみであり、大文字と小文字が区別されます

http://www.bkjia.com/PHPjc/1122895.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/1122895.html技術記事 yii2 は、Baidu エディター umeditor と umeditor 画像アップロードの問題解決策、yii2umeditor を統合します。 次に、Yii2 フレームワークが Baidu エディター umeditor をどのように統合するかについて説明します。ウメディ…