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

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

WBOY

リリース： 2016-07-12 08:53:48

オリジナル

1105 人が閲覧しました

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 エディターは基本的に統合されました。急いで記事を追加して、エディターにコンテンツがあるかどうかを確認してください。