PHPめも

この記事は書きかけです。

PHPとは直接関係しませんが、テキストエリアにWYSIWYGエディタを実装したい時に使えそうなものを探してみました。

よく利用されているのは CKEditor WordPressなどに利用されているのは TinyMCE ということで2択になりそうです。

CKEditorの使い方

TinyMCEの使い方

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>

トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS