Chủ Nhật, 30 tháng 11, 2008

Sử dụng Helper TinyMCE trong Cakephp 1.2

Sử dụng tinyMCE trong cakephp đã được chaubl hướng dẫn ở bài trước (http://i-php.net/2008/10/cakephp-tinymce-ibrowser/). Tuy nhiên ở đây tôi sẽ hướng dẫn các bạn sử dụng TinyMCE thông qua một helper TinyMCE của cakephp.
Cài đặt TinyMCE

Bạn có thể download bản tinymce mới nhất tại địa chỉ http://tinymce.moxiecode.com/download.php và copy thư mục /tinymce/jscripts/tiny_mce vào thư mục /app/webroot/js.
Tạo ra helper TinyMCE

Bạn tạo một helper tinymce theo đường dẫn : app/views/helpers/tinymce.php . Bạn vào  http://i-php.net/2008/11/helper-tinymce/ để lấy source nhé.
Sử dụng trong controller

Bạn khai báo sử dụng helper tinymce trong controller như sau:
var $helpers = Array('Form', 'Tinymce'); 

Sử dụng trong view

Sử dụng tinymce hepler trong view sẽ tương tự như sử dụng các hepler form, html trong cakephp. Để khai báo một ô textarea sử dụng tinymce bạn chỉ việc thêm đoạn code sau vào:
<?php echo $tinymce->input('content') ?>

Sau đây là 2 trang view code mẫu để các bạn tham khảo:

đoạn code 1:
<div class="form-container">
<?php echo $form->create('Page'); ?>
<fieldset>
<legend>Page</legend>
<?php
echo $form->input('title');
echo $tinymce->input('content');
?>
</fieldset>
<?php echo $form->end('Save'); ?>
</div>

đoạn code 2: ở đây sẽ cấu hình một vài option của tinyMCE
<div class="form-container">
<?php echo $form->create('Page'); ?>
<fieldset>
<legend>Page</legend>
<?php
echo $form->input('title');
echo $tinymce->input('content', null, array(
'theme' => 'advanced',
'theme_advanced_toolbar_location' => 'top',
'theme_advanced_toolbar_align' => 'left',
'theme_advanced_statusbar_location' => 'bottom',
));
?>
</fieldset>
<?php echo $form->end('Save'); ?>
</div>

Sự tiện ích khi sử dụng helper TinyMCE này là các bạn có thể tuỳ ý chọn ô textarea nào sử dụng tinyMCE cũng được, ta có thể tuỳ ý cấu hình từng ô nhập textarea cho phù hợp với ý đồ của mình. Good luck.

5 nhận xét:

  1. tks hoanbn for a useful post!

    cheers!

    Trả lờiXóa
  2. [...] Bạn có thể tham khảo hướng dẫn sử dụng tại: http://i-php.net/2008/11/sử-dụng-helper-tinymce-trong-cakephp-12/ [...]

    Trả lờiXóa
  3. ban nao co the giup minh mot chut duoc khog minh dang tao ra mot form Order va minh muon gioi han so luong muon cua moi nguoi khong duoc lon hon 3 thi minh phai lam nhu the nao vay ban ??? giup minh som nhe

    Trả lờiXóa
  4. thì bạn dùng js check số lượng sao cho nhỏ hơn 3.

    Trả lờiXóa
  5. qMrBlI kknxieyssjsc, [url=http://faystszxhjni.com/]faystszxhjni[/url], [link=http://bojluxzpfcbw.com/]bojluxzpfcbw[/link], http://hfxwlhzsslbm.com/

    Trả lờiXóa