Monday, April 16, 2012

SugarCRM: WYSIWYG / HTML Editor TinyMCE

(Anhgolden's Blog)-SugarCRM sử dụng bộ công cụ soạn thảo HTML (WYSIWYG / HTML editor) là TinyMCE và chỉ áp dụng cho box soạn thảo email (Email compose hoặc Email template).

Nay để sử dụng HTML editor cho các text box khác, xin chia sẻ cách triển khai như sau:

1. Sử dụng Module WYSIWYG Editor Mudule (xem chi tiết tại đây).
2. Bổ sung thêm Upload Images Add-in cho TinyMCE:
Mặc định TinyMCE không có sẵn Icon Upload Images. Do đó để sử dụng tính năng bổ sung Upload Images cho TinyMCE, ta có thể dùng 1 Add-in của 3rd Party (xem chi tiết tại đây).



Ghi nhận các bước triển khai:

1. Unzip jbimages
2. Copy folder jbimages to /include/javascript/tiny_mce/plugins/ 
3. Copy file /include/SugarTinyMCE.php to SugarTinyMCE.php.backup
4. Edit file SugarTinyMCE.php. Check and add
plugins : "jbimages",
theme_advanced_buttons1 : "image,jbimages"


5. Copy file /include/SugarFields/Fields/Wysiwyg/SugarFieldWysiwyg.php to SugarFieldWysiwyg.php.backup
6. Edit file SugarFieldWysiwyg.php. Check and add 
theme_advanced_buttons1 : "image,jbimages"

7. Rebuild and repair.
8. Create folder root/images (cùng thư mục gốc với sugarcrm)
9. Set chmod 777 folder images

No comments:

Post a Comment