Hướng Dẫn Sử Dụng Trình Soạn Thỏa CkEditor Trong Wak

Menu WAK developer guide

• 0. Cấu trúc file dic
• 1. Getting started
• 2. Generating CRUD application
• 3. CRUD application in WAK
  • 1. List - tìm kiếm
  • 2. Create - tạo mới
  • 3. Edit - cập nhật
  • 4. Remove (xóa)
  • 5. Detail (chi tiết)
• 4. Tiến trình (Thread)
  • File cấu hình tiến trình
  • Giới thiệu về class tiến trình
  • Tiến trình FTP file
• 7. Xây dựng báo cáo OLAP
• 8. Xây dựng chức năng xem thông tin dạng master detail
• 9. Hướng dẫn đóng gói ứng dụng
• Các chức năng chính của danh mục (quản lý đối tượng dữ liệu) wak
  • Các Field trong wak
  • Cấu trúc file create.dic thông thường trong wak
  • Cấu trúc file detail.dic trong wak
  • Cấu trúc file list.dic trong wak
  • Cấu trúc file remove.dic trong wak
  • Cấu trúc node Fetch trong wak
  • Cấu trúc node Json trong WAK
  • Cấu trúc node Logic trong wak
  • Cấu trúc node Query trong wak
  • Hướng dẫn sử dụng mệnh đề if trong file dic
  • Hướng dẫn sử dụng script trong FetchProcess, SaveProcess và PreparationProcess
• Giới thiệu về Action trong wak
• Hướng dẫn cấu hình tham số hệ thống, module, menu
  • Các vấn đề xử lý
  • Cấu hình & tùy chọn
  • Gửi mail đến người sử dụng
  • Hướng dẫn quản trị giao diện
  • Hướng dẫn tạo 1 module trong wak sử dụng file .dic và .jsp
  • Lập trình chức năng wak
  • Quản lý file
  • Quản lý tiến trình
  • Quản trị nhóm người sử dụng & phân quyền
  • Xử lý yêu cầu chờ duyệt
• Hướng dẫn deploy ứng dụng wak trên server
• Hướng dẫn phân quyền dữ liệu trong wak
• Khái niệm Schema và User trong Oracle
• Tại sao sử dụng WAK?
• Tạo danh mục từ DB sử dụng công cụ WAK CRUD generation tool
• Tổng quan về WAK framework
  • Giới thiệu các thành phần trong Web Container của WAK
  • Thông tin file web.xml trong WAK
• Wak database utility
  • Cài đặt gói Wak Database Utility
  • Cập nhật dữ liệu bằng file Excel
  • Cập nhật giá trị Sequence
  • Khai báo báo cáo SQL
  • Theo dõi thực hiện câu lệnh SQL
  • Thực hiện câu lệnh SQL
  • Tra cứu câu lệnh chậm
  • Tra cứu câu lệnh đọc đĩa cứng nhiều
  • Tra cứu câu lệnh sử dụng nhiều CPU
  • Tra cứu đối tượng bị khoá
  • Tra cứu dung lượng cấp phát
  • Tra cứu dung lượng CSDL
  • Tra cứu kết nối CSDL

Tag cloud alert config cross-domain dic email format image introduce javascript oracle partition sql tagged template thread truncate wak Hướng dẫn sử dụng trình soạn thỏa CkEditor trong wak Wiki » Hướng dẫn sử dụng trình soạn thỏa CkEditor trong wak

FoldUnfold Table of Contents Đặt vấn đề CKEditor là gì? Sử dụng CKEditor trong WAK. Hình ảnh minh họa Hình ảnh 1: CKEditor ứng dụng trong các trang WAK Hình ảnh 2: CKEditor được áp dụng trong 1 form WAK Hình ảnh 3: Thư mục CKEditor được cài đặt trên WAK Hướng dẫn cách làm step-by-step B1: Tạo 1 field TextArea B2:Khai báo Layout như các field bình thường B3 Thay thế Field TextArea bằng CkEditor Comment

Đặt vấn đề

CKEditor là gì?

• CKEditor là một trình soạn thảo văn bản HTML đã sẵn sàng cho sử dụng được thiết kế để đơn giản hóa việc tạo ra nội dung web. Đó là một trình soạn thảo WYSIWYG mang lại các tính năng xử lý văn bản phổ biến trực tiếp đến trang web của bạn.
• CKEditor là một ứng dụng mã nguồn mở, có nghĩa là nó có thể được sửa đổi trong bất kỳ cách nào bạn muốn. Lợi ích của nó từ một cộng đồng năng động không ngừng phát triển các ứng dụng với các add-ons miễn phí và quá trình phát triển trong suốt (transparent development process).

Sử dụng CKEditor trong WAK.

*CKEditor được sử dụng để thay thế cho field TEXTAREA trong những trường hợp mà dữ liệu nhập vào lớn và yêu cầu cần được format dữ liệu 1 cách đẹp hơn như 1 trang dữ liệu dashboard hay email để gửi tới khách hàng.

Hình ảnh minh họa

Hình ảnh 1: CKEditor ứng dụng trong các trang WAK

Hình ảnh 2: CKEditor được áp dụng trong 1 form WAK

Hình ảnh 3: Thư mục CKEditor được cài đặt trên WAK

• Plugin này đã được cài đặt mặc định trên web trong thư mục web/CKEditor như hình dưới đây.

Hướng dẫn cách làm step-by-step

B1: Tạo 1 field TextArea

*File .dic

TextArea==MAIL_CONTENT Trim LiveValidation Presence *Trong file VN.dic MAIL_CONTENT==Nội dung

B2:Khai báo Layout như các field bình thường

Label==MAIL_CONTENT Control==MAIL_CONTENT BREAK

B3 Thay thế Field TextArea bằng CkEditor

• Ở cuối file .dic viết node HTML-Footer viết code jQuery sau để thay thế 'TextArea' bên trên

Html Footer=: :{ !contextPath = action.getRequest().getContextPath(); "<script type=\"text/javascript\">" + " fs_addLoadEvent(function(){CKEDITOR.config.entities = false;" + " CKEDITOR.replace('MAIL_CONTENT', {height: 200});});" + "</script>"; :}

• Hãy chú ý đến dòng code sau:

CKEDITOR.replace('MAIL_CONTENT', {height: 200});}); - Dòng code này giúp bạn tự chỉnh sửa giao diện CkEditor theo ý của mình.Ví dụ bạn hoàn toàn có thể chỉnh sửa dòng lệnh trên thành như sau: CKEDITOR.replace( 'MAIL_CONTENT', { uiColor: '#14B8C4', toolbar: [ [ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ], [ 'FontSize', 'TextColor', 'BGColor' ] ] });

Để tham khảo,bạn có thể tham khảo nhiều thuộc tính hơn của CkEditor tại link sau :Hướng dẫn sử dụng trình soạn thảo CkEditor

Comment Xem bình luận Thêm bình luận mới Địa chỉ Chỉnh sửa Xóa Nhấp vào đây để chỉnh sửa nội dung của trang. Nhấp vào đây để chọn chỉnh sửa của các phần riêng của trang (nếu có thể). Xem các đề mục để tìm một link "chỉnh sửa" khi có. Nối các nội dung nhưng không thay đổi hoàn toàn trang gốc. Xem trang này đã phát triển như thế nào trong quá khứ. Nếu bạn muốn bình luận về nội dung trang này, đây là cách đơn giản nhất để làm vậy. Xem và quản lý các tệp đính kèm cho trang này. Một vài công cụ để hỗ trợ trang của bạn See pages that link to and include this page. Thay đổi tên (kèm theo URL và thư mục) của trang. Xem mã nguồn trang mà không cần sửa. Xem/đặt trang mẹ (dùng để tạo breadcrumb và bố cục có cấu trúc). Báo cáo quản trị nếu có nội dung không thích hợp trên trang này. Something does not work as expected? Find out what you can do. Tài liệu và hỗ trợ chung về Wikidot.com. Điều khoản Dịch vụ Wikidot.com - những gì bạn được và không được làm, v.v. Quy Định Riêng Tư Wikidot.com