Yii2 統合リッチ テキスト エディターの簡単な分析 リダクター サンプル チュートリアル php リッチ テキスト エディター java リッチ テキスト エディター jsp リッチ テキスト エディター

前回の記事では、Baidu エディター umeditor を yii2 に統合する方法と、umeditor が写真をアップロードする問題を解決する方法を紹介しました。

今日は、yii2 ともう 1 つの強力で使いやすいリッチ テキスト エディタである Redactor の統合について説明します。個人的には、Redactor の方が Baidu Editor よりも使いやすいと思います。

Redactor には公式の Yii2 プラグインがあります。パッケージもとても実用的です。

まず、焦らずにまず Redactor をインストールしましょう。

インストールについては https://github.com/yiidoc/yii2-redactor を参照してください。英語が理解できない初心者も多いので、リンクをクリックして github のインストールを参照して、インストール プロセス全体で必要な注意事項を確認してください。

1. それらと同じように、composer を使用してインストールできます。

2. 設定項目を追加します

'modules' => [ 
'redactor' => [ 
'class' => 'yii\redactor\RedactorModule', 
'uploadDir' => '上传目录', 
'uploadUrl' => '图片可访问地址', 
'imageAllowExtensions'=>['jpg','png','gif'] 
], 
],

最初に注意する点は、デフォルトのアップロードされたファイルはルートディレクトリのuploadsに保存されるということです。ファイルの保存ディレクトリを変更したい場合は、設定項目uploadDirを変更するだけです。同時に、画像にアクセスできるように、uploadUrl を変更する必要があります。 3. ビューが ActiveField タイプの場合、次の設定が適用されます

<&#63;= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className()) ?>

ただし、フォームが Yii 独自のコンポーネントを使用して生成されていない場合は、次のように設定する必要があります

<&#63;= \yii\redactor\widgets\Redactor::widget([ 'model' => $model, 'attribute' => 'content' ]) ?>

4. アップロード クラスは使用します。リダクター セットですが、アップロード クラスを書き直す必要があると言われました。問題はありません。以下のようないくつかの設定を追加するだけです

<&#63;= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className(), [ 
'clientOptions' => [ 
'imageManagerJson' => ['/redactor/upload/image-json'], 
'imageUpload' => ['/redactor/upload/image'], 
'fileUpload' => ['/redactor/upload/file'], 
'lang' => 'zh_cn', 
'plugins' => ['clips', 'fontcolor','imagemanager'] 
] 
]) ?>

5。 ステップ 4 と同様に、言語またはプラグインを設定します。 clientOptions 項目の lang および plugins 設定項目にどのようなプラグインがあるかを知りたい場合は、vendorii2-redactorassetsplugins ディレクトリを開いて確認してください。

6. リダクターはモジュールとして導入されるため、プロジェクトに権限管理が含まれている場合は、必ず権限を追加してください。

7. 大前提を忘れていましたが、php が fileinfo 拡張子をサポートしていることを確認してください。 php.ini ファイルを開き、fileinfo の前にあるセミコロンを削除します

上記は、エディターによって紹介された Yii2 統合リッチ テキスト エディターのリダクター サンプル チュートリアルです。皆様のお役に立てれば幸いです。

上記では、リッチ テキスト エディターの内容を含め、Yii2 統合リッチ テキスト エディターのリダクター サンプル チュートリアルの簡単な分析を紹介しました。PHP チュートリアルに興味のある友人に役立つことを願っています。