WYSIWYGエディタを実装

WYSIWYGエディタをCakePHPにいくつか試してみました。

CKEditor

実装

// head
<?php echo $html->script('ckeditor/ckeditor', array('inline' => 'false')); ?>
// View(~.ctp)
<?php echo $form->textarea('content', array('class'=>'ckeditor')); ?>

解凍してwebroot/jsフォルダ下に配置してhead内で読み込んでください。(jQuery本体も必要です。)
あとは、viewでtextareaにclass="ckeditor"を付与して表示するだけです。
CKEditor デモ


TinyMCE

実装

// head
<?php echo $html->script('tinymce/tiny_mce', array('inline' => 'false')); ?>
// View(~.ctp)
<?php echo $form->textarea('content'); ?>
<script type="text/javascript">
tinyMCE.init({
    mode : "textareas"
});
</script>

解凍してwebroot/jsフォルダ下に配置してhead内で読み込んでください。(jQuery本体も必要です。)
TinyMCE デモ

TinyMCEドキュメント


  • このエントリーをはてなブックマークに追加

関連記事

コントローラ内でバリデーション処理を呼び出す

通常、saveメソッドの際にバリデーション処理も自動で行われますが、save処理と切り離してバリデーションを行うこともできます。このときは、save時と若干異なる処理体系になります。 バリデーシ

no image

Debugkitをインストール

CakePHPのデバッグツールとしてはデファクトスタンダードといってもいいDebugkitをインストールしました。 ダウンロード CakePHP 1.3用 https://github.com

no image

独自のバリデーションルール

CakePHPで組み込みバリデーションをつくる方法は色々あります。 参考:Data Validation — CakePHP Cookbook v1.3 documentation 上記リンク内に

no image

validateErrors と validationErrors

CakePHP試験中に気付いたことがあって、メモです。 $this->validateErrors自身バリデーション処理している 今まで、save時にバリデーションエラーメッセージををログに出力し

no image

ビルトインされたバリデーションルール

CakePHP標準で多くのバリデーションルールが搭載されています。 ソース:/cake/libs/validation.php email / maxLength / minLength /

メール送信(qdmail)

CakePHP(+qdmail)でメール送信する処理を実装しました。 準備 2つのライブラリ(.php)をダウンロードし、以下のように配置して下さい。 app/controllers/compo

no image

recursive設定によるfind()性能改善

CakePHPでは、モデルにアソシエーションを設定している場合、recursive(=>joinする階層)はデフォルトで0に設定されています。「recursiveゼロ」の意味するところとは、「1跨ぎま

no image

Jsヘルパーを使用してAjax更新

更新処理でページ遷移を伴う場合、ページ全体をレスポンスするのに対して、Ajax処理ではページの一部のレスポンスが可能となるためサーバからの通信量を抑えることが可能となります。 Jsヘルパーを使用して

no image

ログローテーション

CakePHP1.3では標準ではログはタイプごとに出力されるだけで、定期的なローテーションを行ってくれません。放っておくとひたすら1つのファイルにアペンドされていきます。app/tmp/logs以下に

ログインに追加の条件を付与する「userScope」

「ユーザ登録」の続きです。 ユーザ登録後、activate(statusを0に設定するを)せずに「仮登録」のままで、正しいusernameとpasswordでログインを試したところ認証に引っかかって

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP ↑