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ドキュメント


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

関連記事

複数ファイルアップロード

CakePHPで複数ファイルのアップロードについて調べてみました。といっても普通のPHPのコードと同じではありますが、postするフィールド名に[]を付与して配列にします。 view

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

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

Cookieログイン

今回は、「keep me logged in」などログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcook

no image

Secutiryユーティリティ

CakePHPでは、データのハッシュ化もしくは暗号化のためのメソッドSecurityユーティリティが用意されています。 ソース: /cake/libs/security.php Security:

no image

Debugkitをインストール

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

複数データベースの追加と切替

CakePHPで複数のデータベースに切替を行うということがあると思います。(個人的にはあまりない) 今回、CakePHPからWordpressのデータベースへの接続を行う機会があったので設定を試して

no image

ユーザ登録(仮登録・メール・本登録)

ここ最近は、メールアドレスだけでなく、SNSのアカウントと連携してユーザ登録することもできるWebサービスが増えてきましたね。ユーザは割合としてどちらを選んでるのか気になるところですが。私はできるだけ

no image

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

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

no image

validateErrors と validationErrors

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

no image

Sessionコンポーネント

ソース: /cake/libs/controller/components/session.php read read($name = null) セッションの情報を読み込みます。 $

Comment

Message

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

*

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

    PAGE TOP ↑