ThinkPHP は Baidu Ueditor グラフィックチュートリアル、_PHP チュートリアルを統合します-PHPチュートリアル-php.cn

ThinkPHP は Baidu Ueditor グラフィックチュートリアル、_PHP チュートリアルを統合します

WBOY

リリース： 2016-07-13 10:16:29

オリジナル

843 人が閲覧しました

ThinkPHP は Baidu Ueditor グラフィックチュートリアルを統合します

ThinkPHP は、Huang Yongcheng 教師のビデオ指示に基づいて、Baidu Ueditor を統合します
免責事項: window.UEDITOR_HOME_URL
など、誰もが絶対パスを記述できることが最善です。

彼はすでにチュートリアルで言っているので、もう一度言いません。一言で言います。ナンセンスではありません!

エディターを呼び出すときは、まずいくつかの値を初期化します:

リーリー

次に、2 つの js ファイルを導入します。1. ueditor.all.min.js 2. ueditor.config.js
ここで言っておきたいのは、上記で説明したメソッドの呼び出し順序を間違えてはいけないということです。間違えると問題が発生するため、私の手順に従ってください。

編集者の画像投稿アドレスを書き換えたので、コントローラーに画像処理のメソッドも書かなければなりませんでした。

コードは次のとおりです:

リーリー

最初にコードを示し、その後説明を続けます

1. tp の公式ファイルアップロード処理クラスを導入し、いくつかの設定を初期化します。

2. アップロードが成功したかどうかを確認します。アップロードが成功した場合は、まずアップロード成功情報を取得し、配列を json に変換し、phpjson_encode を使用します。アップロードが失敗した場合は、アップロード失敗情報が直接返されます。

上記はすべて、Huang Yongcheng 先生のチュートリアルで説明されています。詳しい説明はしませんので、分からない方は動画を見てください！

アップロードを統合した後、図に示すように、アップロードされた画像のパスがエスケープされ、表示できないことがわかりました。

データが表示される箇所でアンチエスケープ機能を使用し、{$article.content|stripslashes}を操作することで、エスケープされた文字列がエスケープ解除され、データが正常に表示されるようになります

。写真に示すように:

その後、フロントエンドテンプレートでデータを表示するときに、逆エスケープするだけでなく、HTML マテリアライゼーションを削除する必要もあります。{$article.content|htmlspecialchars_decode|stripslashes} が正常に表示されます。

別の質問があります。Baidu Editor のコンテンツが大きくなると、図に示すように高さも大きくなります。

解決策は、Ueditor の設定ファイル ueditor.config.js の 428 行目のコメントを開いて true に変更し、430 行目のコメントを開いて初期化に対応する高さに変更することです。写真に示すように:

こうすれば、エディターが過度に拡張されることはありません!写真に示すように:

完成！！！何か悪いことを言う人を批判しないでください~~これは共有とコミュニケーションのためのものです、もし何か間違ったことを言ったら、ただ指摘してください~~~

。

補足説明:

ie7でUeditorが呼び出せない不具合の解決方法ですが、私は皆に愛されているie6しか持っていないため、一昨日公式サイトを閲覧していた際に誰かがこの問題を発見しました。私はまだテストに行っていないので、他の人に注意してもらう必要がありますが、IE7 のバグ解決策を修正します〜ありがとうございます〜 写真に示すように: