Bài thuyết trình phần mềm FCK

Nội dung text: Bài thuyết trình phần mềm FCK

1. ➢NHÓM THỰC HIỆN GỒM CÁC THÀNH VIÊN: ➢Nguyễn Văn Thịnh – C10C02A1088 ➢Nguyễn Trọng Năm –C10C02A1087 ➢Nguyễn Thành Lộc – C10C02A1018 ➢Vương Trường Duy –C10C02A1010
2. Mục Lục  Giới thiệu  Mục tiêu  Tài liệu tham khảo + download  Nội dung  Kết luận
3. Giới thiệu  FCK Editor là công cụ soạn thảo văn bản mã nguồn mở (giống như Microsoft Word) mà có thể tích hợp vào ứng dụng web như (ASP/ASP.NET, PHP, ColdFusion, Java, Python )  Các phiên bản hiện nay của FCK gồm có FCK Editor v2.6.3 và FCK Editor v3.6.2  FCK là từ viết tắt của Frederico Caldeira Knabben, nó hổ trợ hầu hết các trình duyệt bao gồm InternetExplorer 5.5 + (Window), Firefox 1.0+, Safari 3.0+, Opera 9.5+, Mozill a 1.3+ và Netscape.
4.  Hôm nay tôi xin giới thiệu phiên bản FCK Editor v2.6.3  FCK Editor phát hành bao gồm một gói javascript và một thành phần (component) dành cho .NET, để có thể nhúng (embed) FCK vào một ứng dụng web asp.net, chúng ta cần phải tải đủ hai gói này tại Và component dành cho asp.net có thể tải tại  Ngoài các tính năng nói trên FCKeditor còn một số điểm mạnh khác sau:  Nó chính là một phần mềm mã nguồn mở, miễn phí, cập nhập thường xuyên và chứa trong nó những tính năng phong phú hữu dụng mà nhiều phần mềm thương mại không có:
5.  Hỗ trợ chuẩn định dạng XHTML 1.0 – sự kết hợp giữa HTML và XML giúp hiển thị và truyền tải thông tin qua trình duyệt tốt hơn.  Định dạng font chữ đa dạng theo loại, kích cỡ, màu sắc, kiểu dáng.  Có thể dễ dàng cắt/dán (cut/paste) giữ nguyên định dạng và hình ảnh, có khả năng phục hồi (undo/redo).  Tự động phát hiện và tạo liên kết cho đoạn text phù hợp  Tải ảnh lên thư mục trên server một cách dễ dàng, nhờ đó người dùng có thể chọn ảnh chèn vào bài viết dễ dàng  Tạo và định dạng bảng dễ dàng, đây là một tính năng rất quan trọng và được đánh giá là mạnh nhất trong số những công cụ soạn thảo trực tuyến
6. Mục tiêu  Giúp các bạn hiểu rõ hơn về tính năng cũng như công dụng của FCK Editor  Ứng dụng được FCK Editor vào xây dựng trang Web
7. Tài liệu tham khảo  Tất cả các tài liệu liên quan tôi đã upload lên forum của tôi. Các bạn có thể download về tham khảo 
8. Cách dùng  Tạo 1 solution bằng Visual Studio 2008 tên FCK.Editor, sau đó thêm một website mới ngôn ngữ mà bạn đang sử dụng.
9. Bước 2:  Giải nén mã nguồn FCK Editor và thêm component FCK Editor vào Toolbox.  Bước 3: Giải nén mã nguồn FCK Editor chúng ta có một thư mục đặt tên là fckeditor và một .NET component CKEditor.NET.dll, chúng ta đặt component và thư mục fckeditor như hình bên dưới.
10. Bước 3:  Thêm CKEditor.NET.dll vào Toolbox  Để sử dụng control FCK bạn phải Add Toolbox bằng cách click phải toolbox và chọn Choose Items và chọn file CKEditor.NET.dll, hoặc kéo CKEditor.NET.dll vào Toolbox.
11. Ghi chú  Khi chúng ta chon choose item Thì CKEditorcontrol chưa có. Click vào Browse Chọn Folder _Sample ➔ Bin ➔CKEditor.Net.dll➔OK.  Toolbox xuất hiện Control: CKEditorControl
12. Bước 4:  Thêm control vào page  Chúng ta kéo FCK Editor từ Toolbox vào page, thì control sẻ được thêm vào và đăng ký assembly và namespace cần thiết.
13. Bước 5  Click chuột phải chọn View Browser hoặc nhấn F5 để xem kết quả.
14. Bước 6: Cấu hình để upload hình ảnh.  Nếu bạn cố gắng upload hình qua control image thì sẻ gặp lổi như phía dưới.  XML request error: OK (200) Requested URL: =1223039353048  Để khắc phục vấn đề này chúng ta phải cấu hình lại FCK Editor, để cho phép người dùng có thể upload hình thông qua control image.  6.1 – Tạo một thư mục img để lưu hình người dùng tải lên.
15.  6.2 – Tạo file Global.asax và thiết lập đường dẫn hình upload.  Thêm đoạn code trong sự kiện Application_Start  view plainprint?  void Application_Start(object sender, EventArgs e)  {  // Code that runs on application startup  Application["FCKeditor:UserFilesPath"] = ” / / / / /im g/”;  }
16.  6.3 - Chỉnh sửa FileBrowserLanguage và QuickUploadLangua ge ->> aspx của file fckconfig.js trong thư mục fckeditor.  Thử upload một hình thông qua control image thì sẻ gặp lổi như hinh sau:
17.  Bởi vì khi upload hình FCK Editor buộc bạn phải chứng thực, bạn có thể tìm thấy trong fckeditor\editor\filemanager\connectors\aspx\confi g.ascx, bạn có thể viết code để chứng thực người chắc chắn phải có quyền để upload hình trong sự kiện CheckAuthentication
18.  Ở đây mặc định luôn trả về false, mình sửa thành true, tức là đã chứng thực.  Xong giờ thử lại một lần nữa upload hình lên.
19. Kết luận:  Nếu bạn cần một công cụ soạn thảo văn bản mà tích hợp với nhiều trình duyệt thì FCK Editor là một lựa chọn hàng đầu, linh động, dễ dàng cấu hình tuỳ thích, hơn hẳn với các control khác (Freetext, ).  Cảm ơn Thầy và các bạn đã dành thời gian lắng nghe bài thuyết trình của nhóm chúng tôi.  Xin cảm ơn!