Thư Viện Chia Sẻ Kiến Thức Trang Chủ
Diễn đàn  -  Asp.net  -  Mã nguồn  -  Software  -  Rao vặt  -  Việc làm  -  Games  -  Chộm Avata  -  Music  -  PHOTOSHOP ONLINE

chup anh dam sen | How to get rid of cellulite on thighs and back of legs fastest ? | Dịch vụ Thiết kế website| Diễn đàn rao vặt miễn phí | dich vu seo | Dịch vụ Seo từ khóa | nao thai | bigc | vatgia | mua ban | Game vui nhon | H8VN HAPPY8 http://www.happy8.biz/ | Bảng giá cước taxi nội bài mới nhất

-:-[ DIỄN ĐÀN CHIA SẺ ]-:- -:-[ DIỄN ĐÀN CHIA SẺ ]-:- > XÂY DỰNG VÀ PHÁT TRIỂN WEBSITE > ASP/ASP.NET
  Chủ đề mới Chủ đề mới
  FAQ FAQ  Tìm Kiếm Trên Diễn Đàn   Lịch sự kiện   Đăng Ký Đăng Ký  Đăng Nhập Đăng Nhập

Insert Google Maps vào FCKEditor

 Gửi trả lời Gửi trả lời
Tác Giả
Nội dung
  Chủ Đề Tìm Kiếm Chủ Đề Tìm Kiếm  Hỗ trợ Hỗ trợ
thanhtuyen Xem Kiểu Thả Xuống
Administrator
Administrator
Hình đại diện
Thành viên thứ: 1
Tham Gia: 02/Jan/2007
Đến Từ: Hưng Yên
Trạng thái:
Bài viết: 365
Được cảm ơn: 114 lần trong 42 bài viết
Level: 18

Life

Magic

Experience

  Trích dẫn thanhtuyen Trích dẫn  Gửi trả lờiTrả lời Chuyển liên kết đến bài viết này Chủ Đề: Insert Google Maps vào FCKEditor
    Ngày viết: 15/Jan/2011 lúc 08:45
Nói về FCKEditor chắc rằng các bạn đều biết nó là gì? và các chức năng làm việc của nó ra sao?, ở đây tôi không nói chi tiết về FCKEditor mà đi sâu hơn một chút về Plugin của nó.


Plugin là phần mở rộng của FCK, nó cho phép bạn thêm chức năng trên toolbar của nó và gọi đến dialog hay bất cứ function nào mà nó hổ trợ. Bây giờ tôi sẽ làm ví dụ plugin về goole maps và insert map vào FCk.

 
Trong hình trên các bạn thấy khi tôi hoàn tất demo nó có hình như vậy.

Bây giờ chúng ta bắt đầu config FCK cho GoogleMaps, để sử dụng được GoogleMaps bạn cần phải có Key mà google cấp cho bạn để truy cập Maps, bạn đăng ký key ở đây, sau khi đăng ký bạn có được key mà google cấp hãy để đó chúng ta sẽ sử dụng sau.

Trong thư mục Plugin của FCK bạn tạo thư mục googlemaps hoặc copy thư mục GoogleMaps vào đó download googlemaps. Nếu hoàn tất quá trình tao thư mục googlemaps cho FCK bạn sẽ thấy như hình sau:
 
Vào FCK Content\Javascript\fckeditor mở file fckconfig.js copy dòng dưới đây vào

FCKConfig.Plugins.Add( 'googlemaps', 'de,en,es,fr,it,nl,zh') ;

Tìm dòng FCKConfig.ToolbarSets["Default"] và thêm vào 'googlemaps' như sau

FCKConfig.ToolbarSets["Default"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink', '-','googlemaps','-','About']
] ;

Sau khi thêm vào đầy đủ bạn sẽ thấy như vậy.

FCKConfig.Plugins.Add('googlemaps', 'de,en,es,fr,it,nl,zh');
FCKConfig.GoogleMaps_Key = 'Nhập Key Google của bạn ở đây';

FCKConfig.ToolbarSets["Default"] = [
['Insert_Variables'],['googlemaps'],
'/',
['Source', 'DocProps', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'],
['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form','Checkbox','Radio','TextField','Textarea',' Select','Button','ImageButton','HiddenField'],
'/',
['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','Just ifyFull'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialCh ar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['FitWindow','ShowBlocks','-','About'] // No comma for the last row.
] ;
 
 
Quá trình config đã hoàn tất bạn Run demo của bạn xem sao. Chúc bạn thành công.
******* Hãy cùng chia sẻ với bạn bè bằng cách *******
Copy đường link dưới đây, để gửi đến cho bạn bè xem bài viết này !
Lên trên
 Gửi trả lời Gửi trả lời

Số thành viên hiện tại đang xem chủ đề: 1 (Thành viên: 1, Khách: 1)
Thành viên:

Di Chuyển Nhanh Tôi có thể làm gì trong diễn đàn ? Xem Kiểu Thả Xuống

Điều hành: HOÀNG THANH TUYẾN
Điện thoại: 0987.838.199 - Email: info@phanmemtracnghiem.com
Website đang trong thời gian hoạt động thử nghiệm