プログラミング

HTML特殊文字変換 WordPress Ajax経由で変換ツール

WordPress内でAjaxで非同期にサーバとの間の通信を行ってみました。

例として任意のテキスト内の特殊文字を特殊文字を HTML エンティティに変換してみます。

  1. 呼び出すファンクション名を 「functions.php」に記述する。
  2. 呼び出されるphp関数を作成する。今回のサンプルでは特殊文字を変換するphp関数利用する
  3. javascript(今回はjQeury)でAjaxの呼び出し関数を作成する。

jQuery 及び CSS等々は別途プラグインの利用や functions.phpでインクルードする必要があります。ここでは WordPressからAjaxの利用に関するテストのみとします。
また、実際の運用では入力文字のチェック、入力制限、文字コードの判別等々のチェックが必要となります。ここではあくまでAjaxのテスト、サンプルですのでご了承ください。

今回の作成したサンプルです。任意の文字列を入力してください。



functions.phpの修正

呼び出し、結果表示の一連のHTML
レイアウト、デザイン関係のCSSは省略

呼び出し、結果表示の一連のjQuery

  1. プログラミング

    sqlite3 & php class Library 応用編
  2. Web・デザイン

    Illustrator ショートカットデータベース、カテゴリー別絞り込み 、マウ…
  3. サーバー環境

    Centos7 nginx(with ssl let’s Encry…
  4. サーバー環境

    macOS Mojaveにデフォルトの Apache、PHPを利用してみる
  5. プログラミング

    Google Maps Platform 位置情報取得、緯度経度より住所取得
PAGE TOP