ThinkPHP は Baidu Ueditor を統合、thinkphpueditor_PHP チュートリアル-PHPチュートリアル-php.cn

ThinkPHP は Baidu Ueditor を統合、thinkphpueditor_PHP チュートリアル

WBOY

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

オリジナル

815 人が閲覧しました

ThinkPHP は Baidu Ueditor、thinkphpueditor を統合します

ThinkPHP は Baidu Ueditor を統合します。これは教師 Huang Yongcheng のビデオ説明に基づいています
ステートメント: 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 行目のコメントを開いて初期化に対応する高さに変更します。写真に示すように:

こうすることで、エディターが高く伸びすぎなくなります。写真のように:

完成! ！！悪者を批判しないでください~~これは共有とコミュニケーションのためのものです、間違っている場合は、ご指摘ください~~~

追加説明: Ueditor ができない問題の解決方法について。 ie7 の下で呼び出されます。これは、一昨日公式 Web サイトを閲覧していたときにこの問題を発見しました。私は皆に愛されている IE6 しか持っていないので、まだテストしていないため、他の人から修正するように促されました。 IE7 のバグ解決は、この人に感謝します。 imageUp.php のアップロード設定を変更します: $config = array("savePath" => "../../Public");

thinkphp と ueditor を統合する方法を知っている人はいますか?エディター内のアイコンをクリックすると、「モジュールダイアログをロードできません」と報告されるようになりました