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.