PHP 統合 Baidu Ueditor 1.4.3_PHP チュートリアル
- WBOYオリジナル
- 2016-07-13 10:08:35986ブラウズ
PHP は Baidu Ueditor 1.4.3 を統合します
最近、多くのグループの友人が Baidu UE (ueditor 1.4.3) を統合する方法を尋ねてきました。本当に答えられないので、アイデアを書き留めておきます。 Baidu UEの統合についてはこちらの記事では最新バージョンのUE1.4.3を使用しています。
ダウンロードしてインストールします
1.まず公式サイトにアクセスして最新版のUE1.4.3をダウンロードします
UE公式ダウンロードアドレス：http://ueditor.baidu.com/website/download.html#ueditor
ここでダウンロードしたのは1.4.3PHPのバージョンです。使用しているバージョンをダウンロードするだけです。
ファイルをプロジェクトに抽出します
2.デプロイ。フロントエンドのHTMLページにUEに必要なJSファイルを導入し、getEditorを使ってインスタンス化します
次のようにコードをコピーします:
ページを参照すると、Ueditor が表示されます。言うことはとても簡単ではありませんか？
Ueditorを設定する
UEditorの設定項目はフロントエンド設定項目とバックエンド設定項目の2つに分類されます。
フロントエンドとバックエンドの設定はバックエンドに均一に書き込まれます (PHP バージョンの設定は php/config.json にあります) エディターがインスタンス化されるときに、バックエンドの設定情報が読み込まれます。非同期的にフロントエンド構成に上書きされます。
バックエンドによって取得される構成アイテム > 受信した構成アイテムをインスタンス化する > ueditor.config.js ファイルの構成アイテム
フロントエンド設定項目: 静的設定と動的設定の 2 つの設定方法が正式に提供されます。静的設定: つまり、ueditor ディレクトリに ueditor.config.js を設定します。具体的な設定項目については、http://fex-team.github.io/ueditor/#start-config を参照してください。
動的構成: つまり、UE をインスタンス化するときに、構成パラメーターが動的に渡されます。
次のようにコードをコピーします:
var ue = UE.getEditor('コンテナ', {
//ここにカスタム構成項目を書き込みます
ツールバー: [
['フルスクリーン', 'ソース', '元に戻す', 'やり直し', '太字'】
]、
autoHeightEnabled: true,
autoFloatEnabled: true
});
バックエンド構成項目:
まず UE のリクエストについて話しましょう。UE のすべての操作は、次の操作のために get メソッドを通じてアクション変数の値を渡すように serverUrl にリクエストすることです。構成の取得、写真のアップロード、写真の取得、その他の操作。
デフォルトでは、UEはディレクトリ内のueditor.config.jsのserverUrlパラメータを読み取り、getメソッドを通じてaction=configを渡すことでバックエンド設定項目を取得します。デフォルトのリクエストは、構成アイテムを取得するためのserverUrl?action=configです。 serverUrl は、フロントエンド ページで動的に構成することも、ueditor.config.js で静的に構成することもできます。
Web サイトの下のパス ueditor/php/controller.php?action=config がバックエンド設定コンテンツを json 形式で返すかどうかをテストできます (他の形式も利用可能です。詳細については公式ドキュメントを参照してください)。形式はおおよそ次のとおりです。が続きます。このリクエストが失敗し、400 や 500 などのエラーが発生すると、エディタのアップロード関連の機能が正常に動作しなくなります。
次のようにコードをコピーします:
{
"imageUrl": "http://localhost/ueditor/php/controller.php?action=uploadimage",
"imagePath": "/ueditor/php/",
"imageFieldName": "アップファイル",
"imageMaxSize": 2048,
"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"]
「その他の設定項目…」：「その他の設定値…」
}
統合
前述したように、UEのすべての操作は、次の操作のためにgetメソッドを通じてアクション変数の値を渡すようにserverUrlに要求することです。構成の取得、写真のアップロード、写真の取得、その他の操作。 PHP を統合するためにこれを理解しました。あるいは他の言語は非常に単純です。特定のコードについては、公式デモを参照してください。
さて、みなさん、Baidu Ueditor の統合方法はすでに理解できたと思います
この記事は私自身の経験の一部です。
http://www.bkjia.com/PHPjc/950336.html
を使用します。