jQuery を使用したブラウザで使用できる高機能マークアップエディタ markItUp! で紹介した markItUP を CakePHP で使用するヘルパーが Bakery に紹介されていました。
markItUp! jQuery universal markup editor Helper | The Bakery, Everything CakePHP : Articles

元の記事のままやってみたのですが一部うまく動作しなかった部分がありましたので、実際に私がやった手順を紹介します。

markItUp をダウンロード

http://markitup.jaysalvat.com/downloads/ より最新版をダウンロードします。
解凍するとデモ用の HTML などがあります。これを見るだけでも markItUp の使い方は分かると思います。
今回使用するのは markitup というディレクトリ内の JavaScript と CSS です。markitup ディレクトリを app/webroot/　に配置します。

markItUp ヘルパー

元記事の下の方に markItUp ヘルパーのコードが掲載されています。views/helpers/markitup.php を作成してこのコードをコピペします。

ビューで markItUp を表示する

markItUp を表示するのに必要な JavaScript と CSS を読み込みます。
markItUpディレクトリ内に JavaScript と CSS が入っているのでヘルパーを使用せずに書いてみました。

<script type="text/javascript" src="/markitup/jquery.markitup.pack.js"></script>
<script type="text/javascript" src="/markitup/sets/default/set.js"></script>
<link rel="stylesheet" type="text/css" href="/markitup/skins/markitup/style.css" />
<link rel="stylesheet" type="text/css" href="/markitup/sets/default/style.css" />

実際にエディタを表示する部分は下記のようになります。

<?php echo $markitup->editor('Model.fireld'); ?>

関連する投稿