この記事は書きかけです。
PHPとは直接関係しませんが、テキストエリアにWYSIWYGエディタを実装したい時に使えそうなものを探してみました。
よく利用されているのは CKEditor WordPressなどに利用されているのは TinyMCE ということで2択になりそうです。
ZIPファイルをダウンロードし、解凍した js フォルダ以下を設置します。
このままだと英語なので、日本語化します。
以下から Japanese をダウンロードし、解凍した ja.js ファイルを jangs フォルダに設置します。
http://archive.tinymce.com/i18n/
設置したHTMLソースは以下のようになります。
<!DOCTYPE html> <html> <head> <script src="js/tinymce/tinymce.min.js"></script> <script> tinymce.init({ selector:'#textarea', width: 600, height: 300, plugins: [ 'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker', 'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking', 'save table contextmenu directionality emoticons template paste textcolor' ], language: 'ja' }); </script> </head> <body> <textarea id="textarea">Easy (and free!) You should check out our premium features.</textarea> </body> </html>
tinymce.init({ selector: "textarea", plugins: "textcolor", toolbar: "forecolor backcolor" });