PHPCMS 統合 UEditor チュートリアル: コンテンツ編集エクスペリエンスを簡単に強化

導入

UEditor は、PHPCMS に簡単に統合できる強力なリッチ テキスト エディターで、コンテンツ編集をより効率的かつ直感的に行うことができます。

統合の手順

Uエ​​ディターをダウンロード

UEditor の公式 Web サイトにアクセスして、最新バージョンをダウンロードしてください。

ファイルをアップロードする

ダウンロードしたファイルを解凍し、 ueditorディレクトリを PHPCMS のstaticディレクトリにアップロードします。

設定ファイルを変更する

statics/ueditor/php/config.jsonファイルで、 imageUrlPrefixオプションを見つけて、それを画像アップロード用の URL プレフィックスに変更します。例えば：

"imageUrlPrefix": "http://www.example.com/statics/upload/"

テンプレートファイルを追加

PHPCMS のテンプレートディレクトリに新しいテンプレート ファイル( ueditor.htmlなど) を作成し、そのファイルに UEditor JavaScript ファイルをロードして、エディタを初期化します。

<script type="text/javascript" src="statics/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="statics/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('editor');
</script>

コンテンツモデルを変更する

PHPCMS バックエンドにログインし、UEditor を使用するコンテンツ モデルを見つけます。フィールド オプションに新しいテキスト フィールドを追加し、タイプを UEditor に設定します。

変更を保存する

すべての設定が確実に有効になるように、コンテンツ モデルの変更を保存します。

Uエ​​ディタを使用する

統合が完了すると、コンテンツ編集ページで UEditor を使用できるようになります。テキストフィールドのエディターアイコンをクリックするだけで編集を開始できます。

ヒント

• 画像をアップロードするディレクトリに適切なストレージとアクセス許可があることを確認してください。
• より高度な設定と機能拡張については、UEditor の公式ドキュメントを参照してください。