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.
tks hoanbn for a useful post!
Trả lờiXóacheers!
[...] 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óaban 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óathì bạn dùng js check số lượng sao cho nhỏ hơn 3.
Trả lờiXóaqMrBlI kknxieyssjsc, [url=http://faystszxhjni.com/]faystszxhjni[/url], [link=http://bojluxzpfcbw.com/]bojluxzpfcbw[/link], http://hfxwlhzsslbm.com/
Trả lờiXóa