PHPCMS v9.5.6 は UEditer1.4.2_PHP チュートリアルを統合します

---------------------------------------------- ----------------------------------------------------

まず、UEditor の公式 Web サイトにアクセスして、必要な対応バージョンをダウンロードします: http://ueditor.baidu.com/website/download.html

ここでは、PHP バージョン 1.4.2、UTF-8 バージョンを例として取り上げます=>

---------------------------------@ chenwei 統合 ---- -------------------

1. ダウンロードしたプログラム パッケージを解凍してプログラム パッケージ ディレクトリを取得し、パッケージ ディレクトリの名前を ueditor に変更します。

2. ueditor パッケージを PHPCMS_PATH/statics/js/ に配置します。 (PHPCMS_PATHはphpcmsのエントリーファイルがあるパスです)

3. ueditor/php/config.json を変更し、アップロード画像構成アイテムのパス、グラフィティ画像アップロード構成アイテムのパス、スクリーンショット ツールのアップロード保存パス、取得リモート画像保存パス、アップロードビデオ保存パス、アップロードファイル保存パスを設定します。次の場所: /ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6} を次のように変更します: /phpcms/uploadfile/{yyyy}/{mm}{dd}/{ yyyy}{mm}{dd}{rand:6}、PHPCMS のパス規則に準拠します。

画像を一覧表示するディレクトリを指定し、ファイルを一覧表示するディレクトリを指定: /phpcms/uploadfile/

4. ueditor/ueditor.config.js 設定ファイルを変更します

1) カスタマイズされたツールバーのコンテンツ: ,toorbars: [[ ********** ]]

このツールバーアイコンを変更し、不要な機能を削除するには、公式ドキュメントを参照してください: http://fex.baidu.com/ueditor/#start-toolbar

リーリー

2) カスタムエディターの幅と高さ: ,initialFrameWidth:700 //エディターの幅を初期化、デフォルトは1000です

,initialFrameHeight:350 //エディタの高さを初期化、デフォルトは320です

5. PC_PATH/libs/classes/form.class.php ファイルを変更します

オリジナルを置き換えます:

リーリー

次のように変更されました:

リーリー

6. ueditor/主題/default/css/ueditor.css で、

/*UIツールバー、編集エリア、下部スタイル*/ inside

行を追加します: width:auto ! important //注: エディターを適応させるには、この行を追加します

;

7. エディターの下部に移動して、字幕表示を削除します。phpcms/libs/classes/form.class.php 内の次のコードを削除します。 リーリー

8.

エディターのコンテンツが横に表示されない問題を修正します: statics/js/ueditor/主題/default/css/ueditor.css

.edui-default .edui-editor-iframeholder {

position:relative;

width:auto ! important; //この行を追加します

9.

エディターが公開ボタンの上に表示される問題を修正します:

statics/css/zh-cn-system.css の下の .fixed-bottom .fixed-but{} 属性を変更し、z-index: 2000; を追加します。

------------------------------------------------ ----------------------------------------

http://www.bkjia.com/PHPjc/780024.html

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/780024.html技術記事 -------------------------------------------------- ------------------------------------------------ まずはUEditor 公式 Web サイトにアクセスしてダウンロードする 必要な対応バージョン: http://ueditor.baidu.com/website/do...