Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

    FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở

      Admin
      Admin

      Giới tính : Nam

      Đến từ : TPHCM

      Ngày Tham gia : 03/04/2011

      Tổng số bài gửi : 2292

      #1

       Sun Sep 02, 2012 1:12 pm

      Giới thiệu:
      FCK Editor là 1 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...)

      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: internet Explorer 5.5+(Window), Firefox 1.0+, Safari 3.0+, Opera 9.5+, Mozilla 1.3+ và Netscape.

      Cách dùng:
      FCK editor phát hành bao gồm 1 gói javascript và 1 thành phần (component) dành cho .NET, để có thể nhúng (embed) FCK vào 1 ứng dụng web asp.net, chúng ta cần phải tải đủ 2 gói này tại đây

      [You must be registered and logged in to see this link.]

      Phiên bản hiện tại của FCK Editor là : FCKeditor v2.6.3.Và component dành cho asp.net có thể tãi tại đây

      [You must be registered and logged in to see this link.]

      Ở đây mình sẽ sử dụng FCK phiên bản mới nhất và hổ trợ 2 ngôn ngữ VB.NET và C#.

      Bước 1: Tạo 1 solution bằng Visual Studio 2008 tên FCK.Editor (tuỳ), sau đó thêm 1 website mới ngôn ngữ mà bạn đang xài.


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2fsolution

      Bước 2: Giải nén mã nguồn FCK editor và thêm component FCK editor vào Toolbox.

      Giải nén mã nguồn FCK editor chúng ta có 1 thư mục đặt tên là fckeditor và 1 .NET component FredCK.FCKeditorV2.dll, chúng ta đặt component và thư mục fckeditor như hình bên dưới.

      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2fsolutionAdded

      Bước 4: thêm FredCK.FCKeditorV2.dll vào toolbox

      Để sử dụng control FCK bạn phải add toolbox bằng cách click toolbox và chọn choose items... và chọn file FredCK.FCKeditorV2.dll, hoặc kéo FredCK.FCKeditorV2.dll vào toolbox.


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2faddComponent

      Bước 5: 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.


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2fEmbedCS


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2fEmbedVB


      Click chuột phải chọn View Browser hoặc nhấn F5 để xem kết quả.

      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:
      [You must be registered and logged in to see this link.]

      Để 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 1 thư mục img để lưu hình người dùng tải lên.


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2fsolutionGlobal

      6.2 - Tạo 1 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

      CS:

      void Application_Start(object sender, EventArgs e)
      {
      // Code that runs on application startup
      Application["FCKeditor:UserFilesPath"] = "../../../../../img/";
      }

      VB.NET
      Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs)
      ' Code that runs on application startup
      Application("FCKeditor:UserFilesPath") = "../../../../../img/"
      End Sub

      6.3 - chỉnh sửa FileBrowserLanguage và QuickUploadLanguage ->> aspx của file fckconfig.js trong thư mục fckeditor.

      Thử upload 1 hình thông qua control image thì sẽ gặp lổi như hinh sau:


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2ferrorconnector

      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\config.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


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2fcheckauthentication

      Ở đâ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 1 lần nữa upload hình lên.


      FCK Editor là 1 công cụ soạn thảo văn bản mã nguồn mở  Image.axd?picture=2010%2f9%2fuploaded

      Kết luận:
      Nếu bạn cần 1 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à 1 những 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).

      Mã nguồn: VS2008
      [You must be registered and logged in to see this link.]