Diễn đàn lập trình viên .NET / Visual Studio .Net và các vấn đề liên quan / Visual Studio 2008 / Nhúng FCK editor vào ứng dụng ASP.NET / Latest Posts

Trả lời: Nhúng FCK editor vào ứng dụng ASP.NET

tarzan_boy — Fri, 26 Mar 2010 08:20:23 GMT

Không ai trả lời chủ đề này nữa à

Trả lời: Nhúng FCK editor vào ứng dụng ASP.NET

tarzan_boy — Thu, 25 Mar 2010 03:12:40 GMT

Nhưng cái bộ gõ của bác BillGates gõ đc nhưng nó không hiện ra cho người ta nhìn thấy à
Ẩn đi thế thì coi như không có :cool:

Trả lời: Nhúng FCK editor vào ứng dụng ASP.NET

tarzan_boy — Thu, 25 Mar 2010 03:11:21 GMT

[quote][b]tarzan_boy (3/25/2010)[/b][hr]Xin bác Bill Gate hướng dẫn em cách customize, tức là loại bỏ bớt những công cụ không cần thiết đi vì em chỉ cần đậm, nghiêng, gạch chân thôi. Em search trên mạng thì toàn ra phiên bản nào ý, không giống như bài bác hướng dẫn em.
Em xin cảm ơn các bác[/quote]

Đợi mãi bác ko trả lời em tìm thấy rồi http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Configuration/Toolbar

Trả lời: Nhúng FCK editor vào ứng dụng ASP.NET

tarzan_boy — Thu, 25 Mar 2010 02:13:12 GMT

Xin bác Bill Gate hướng dẫn em cách customize, tức là loại bỏ bớt những công cụ không cần thiết đi vì em chỉ cần đậm, nghiêng, gạch chân thôi. Em search trên mạng thì toàn ra phiên bản nào ý, không giống như bài bác hướng dẫn em.
Em xin cảm ơn các bác

Trả lời: Nhúng FCK editor vào ứng dụng ASP.NET

Bill_Gates — Mon, 20 Jul 2009 22:28:32 GMT

Thường thì chúng được embed vào master page, và bỏ vào folder ví dụ: javascript, vì thế path sẻ có dạng

/Javascript/avim.js

Hoặc nếu avim của bạn không thay đổi thì bạn có thể dùng URL: http://vi-vn.com/js/avim.js

Hope this help,

Trả lời: Nhúng FCK editor vào ứng dụng ASP.NET

enchanter862005 — Mon, 20 Jul 2009 19:17:45 GMT

bộ avim gõ tiếng việt,vậy thư mục root nằm ở đâu bạn có thể chỉ cụ thể hok.

thanks.

RE: Nhúng FCK editor vào ứng dụng ASP.NET

Bill_Gates — Fri, 07 Nov 2008 21:47:39 GMT

Bạn cấu hình đường dẩn sai rồi.

Application("FCKeditor:UserFilesPath") = "~/GN_Net/Images/"

bạn cũng chú ý cấp độ của thư mục chứa hình nhé

RE: Nhúng FCK editor vào ứng dụng ASP.NET

hoituyen — Wed, 05 Nov 2008 19:25:09 GMT

Sao e làm như bác hướng dấn để Upload hình lên Server nhưng vẫn bị lỗi

XML request error: OK (200) Requested URL

Trong Global.ascx em có thêm code

Sub Application_Start(ByVal sender As Object, ByVal e As EventArgs)

' Code that runs on application startup

Application("FCKeditor:UserFilesPath") = "~\GN_Net\Images\"

End Sub

Bác cho e hỏi e sai ở chỗ nào với. hy vọng bác sởm trả lời câu hỏi của em!

RE: Nhúng FCK editor vào ứng dụng ASP.NET

Bill_Gates — Sat, 04 Oct 2008 00:42:08 GMT

Nhúng bộ gõ AVIM vào FCK Editor

[img]http://vi-vn.com/pubs/Articles/FCKEditor/UnicodeFCK.png[/img]

Nhằm hổ trợ người dùng dể dàng trong việc gõ tiếng Việt mà không cần phải dùng bất cứ đến phần mềm nào, giờ chúng ta chúng ta cần phải là làm nhúng bộ gõ tiếng Việt vào trang web, cũng như có thể gõ tiếng Việt dể dàng khi thao tác với điểu khiển FCK editor, mình recommend mọi người dùng AVIM, vì nó khá nổi tiếng, và dể dàng embed.

Tải AVIM tại: Copyright Hieu Tran Dang
http://sourceforge.net/projects/rhos

Sau khi tải về và giải nén mình thu được 3 files: avim.css, avim.js, transparent.png và bỏ tất cả vào thư mục avim, cái mà được đặt tại thư mục gốc (root).

Chúng ta tìm đến fckeditor.html nằm trong fckeditor/editor và mở tập tin này lên, và đặt đoạn code sau trên tag /body

[img]http://vi-vn.com/pubs/Articles/FCKEditor/jsEmbed.png[/img]

Xong giờ các bạn có thể gõ tiếng Việt ầm ầm rồi.

Regards,

Nhúng FCK editor vào ứng dụng ASP.NET

Bill_Gates — Fri, 03 Oct 2008 06:51:11 GMT

Nhúng FCK editor vào ứng dụng ASP.NET

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

http://www.fckeditor.net/download

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

http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125

Ở đâ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 sài.

[img]http://vi-vn.com/pubs/Articles/FCKEditor/solution.png[/img]

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.

[img]http://vi-vn.com/pubs/Articles/FCKEditor/solutionAdded.png[/img]

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.

[img]http://vi-vn.com/pubs/Articles/FCKEditor/addComponent.png[/img]

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.

[img]http://vi-vn.com/pubs/Articles/FCKEditor/EmbedCS.png[/img]

[img]http://vi-vn.com/pubs/Articles/FCKEditor/EmbedVB.png[/img]

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:
http://localhost:2677/CS/fckeditor/editor/filemanager/connectors/php/connector.php?Command=GetFoldersAndFiles&Type=Image&CurrentFolder=%2F&uuid=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 1 thư mục img để lưu hình người dùng tải lên.

[img]http://vi-vn.com/pubs/Articles/FCKEditor/solutionGlobal.png[/img]

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:

[img]http://vi-vn.com/pubs/Articles/FCKEditor/errorconnector.png[/img]

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

[img]http://vi-vn.com/pubs/Articles/FCKEditor/checkauthentication.png[/img]

Ở đâ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.

[img]http://vi-vn.com/pubs/Articles/FCKEditor/uploaded.png[/img]

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
http://vi-vn.com/pubs/Articles/FCKEditor/FCK.Editor.rar

Happy programming!