Follow us on...
Follow us on Twitter Follow us on Facebook Watch us on YouTube

Reviews hay rinh note 4, galaxy V được vi vu Hàn Quốc

Gameshow “Ai Là Triệu Phú” trên VTV đang chờ đón bạn – Tải ngay!

Bóc hộp và reviews

Mời anh em tham gia Vn-zoom support team

Chiêm ngưỡng BaoMoi đẹp "tuyệt diệu" trên Windows Phone

Tin tức công nghệ sản phẩm mới
kết quả từ 1 tới 15 trên 15

Đề tài: Cần giúp FCKeditor

  1. #1
    ngngdan's Avatar
    ngngdan vẫn chưa có mặt trong diễn đàn Rìu Sắt Đôi
    Tham gia
    Sep 2010
    Bài
    253
    VZD
    560
    Cảm ơn
    14
    Điểm
    8/8 bài viết

    Question Cần giúp FCKeditor

    Bạn nào có fckeditor hoặc một cài nào tương tự để nhúng vào website cho mình với(có hướng dẫn luôn thì tốt). Mình down cai CKeditor nhung không sử dụng được. Mình có cái inova editor nhưng bị lỗi quá.

  2. #2
    pokemon321's Avatar
    pokemon321 vẫn chưa có mặt trong diễn đàn Rìu Vàng
    Tham gia
    Feb 2009
    Bài
    809
    VZD
    3.195
    Cảm ơn
    204
    Điểm
    1.091/250 bài viết

    Default

    của bạn đây

  3. #3
    ngngdan's Avatar
    ngngdan vẫn chưa có mặt trong diễn đàn Rìu Sắt Đôi
    Tham gia
    Sep 2010
    Bài
    253
    VZD
    560
    Cảm ơn
    14
    Điểm
    8/8 bài viết

    Default

    Trích pokemon321 View Post
    của bạn đây
    cái này sao mình chọn insert hình - browser hình thì bị báo là sao vậy bạn

  4. #4
    hktan1984's Avatar
    hktan1984 vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Jun 2010
    Bài
    3
    VZD
    167
    Cảm ơn
    0
    Điểm
    3/2 bài viết

    Default

    mình sẽ hướng dẫn các bạn add fckeditor vào site một cách đơn giãn bằng một cái click chuột.
    trước hết các bạn hãy tải bộ FCKeditor(phiên bản hiện tại FCKeditor_2.6.6)
    sau khi tải về giải nén và copy thư mục fckeditor vô cùng thư mục chứa file web của bạn.

    tiếp theo bạn hãy vào đường dẫn sau fckeditor\editor\filemanager\connectors\php chỉnh sửa file config.php bạn hãy mở file config.php lên tìm đến dòng
    $Config['Enabled'] = false ;----->$Config['Enabled'] = true ;

    // Path to user files relative to the document root.
    $Config['UserFilesPath'] = '/userfiles/' ;-------->$Config['UserFilesPath'] = '/đường dẫn file upload của bạn/' ; thế là song phần config rồi.

    tiếp đến bạn mở file web của bạn copy đoạn code sau:

    <table border="0" width="100%" cellspacing="5" cellpadding="5" bgcolor="#e7f1f8" style="border-collapse: collapse" bordercolor="#BBBBBB"><tr><td valign=top align=center><b>
    Phần nội dung bản tin</b><br><br><input type="hidden" id="bodytext" name="noidung" value="" style="display:none" /><input type="hidden" id="bodytext___Config" value="DefaultLanguage=vi&amp;SkinsPath=fckeditor/editor/skins/default/" style="display:none" /><iframe id="bodytext___Frame" src="fckeditor/editor/fckeditor.html?InstanceName=bodytext&amp;Toolbar=D efault" width="100%" height="400" frameborder="0" scrolling="no"></iframe></fieldset></td></tr></table>

    paste vào phần hiển thị text nội dung của bạn lưu lại. thế là song. bạn hãy mở trình duyệt lên và thưởng thức thành quả của bạn chúc bạn thành công
    Thay đổi nội dung bởi hktan1984; 15-09-2011 lúc 19:31.

  5. Có 2 thành viên cảm ơn hktan1984 cho bài viết này:
    daikavu (16-11-2012), ldthao56 (09-10-2013)

  6. #5
    tatuyen10's Avatar
    tatuyen10 vẫn chưa có mặt trong diễn đàn Búa Đá
    Tham gia
    Jan 2011
    Bài
    45
    VZD
    227
    Cảm ơn
    34
    Điểm
    19/18 bài viết

    Default

    Day la ckeditor da dc chinh sua va add them ckfinder de co the browse hinh anh tren may tinh cua minh.
    Copy vao thu muc website
    Gia su ban muon dung no trong muc nhap noi dung.

    tren <head><script src="ckeditor/ckeditor.js" type="text/javascript"></script></head> neu ban copy no vao dau thi tuy chinh duong dan src.
    tai phan noi dung
    <textarea name="noidung" cols="50" rows="6" id="noidung"></textarea>
    <script type="text/javascript">


    CKEDITOR.replace( 'noidung',
    {
    toolbar: 'Full',
    filebrowserBrowseUrl : 'ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?Type=Images',
    filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?Type=Flash',
    filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
    filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
    filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
    });
    </script>
    the la xong.ra tan huong thanh qua thoi.

  7. Có 1 thành viên cảm ơn tatuyen10 cho bài viết này:
    kh4nh007 (03-08-2012)

  8. #6
    hongphucinfo's Avatar
    hongphucinfo vẫn chưa có mặt trong diễn đàn Búa Đá
    Tham gia
    Jun 2011
    Bài
    55
    VZD
    632
    Cảm ơn
    1
    Điểm
    29/14 bài viết

    Default

    Theo mình bạn không nên sử dụng FCKeditor làm gì vì hiện nay nó có quá nhiều bug XSS kèm nhiều lỗi không tương thích với trình duyệt, vả lại nó rất nặng và khó sử dụng, giao diện xấu. Mình nghĩ bạn nên down Tiny_mce về sử dụng, rất dễ sài, dễ cài và dễ viết Plugin nữa, đầy đủ chức năng nhưng không dư thừa, không quá nặng

  9. #7
    daikavu's Avatar
    daikavu vẫn chưa có mặt trong diễn đàn Búa Gỗ Đôi
    Tham gia
    Nov 2008
    Bài
    29
    VZD
    74
    Cảm ơn
    38
    Điểm: 2/1 bài viết

    Default

    copy bỏ đoạn code dưới bỏ vào đâu anh, dặt tên file là gì? có ai rõ ko hướng dẫn em tí nhé, tks

  10. #8
    koncaochek's Avatar
    koncaochek vẫn chưa có mặt trong diễn đàn Búa Gỗ
    Tham gia
    Mar 2012
    Bài
    12
    VZD
    130
    Cảm ơn
    3
    Điểm: 1/1 bài viết

    Default

    Trích hongphucinfo View Post
    Theo mình bạn không nên sử dụng FCKeditor làm gì vì hiện nay nó có quá nhiều bug XSS kèm nhiều lỗi không tương thích với trình duyệt, vả lại nó rất nặng và khó sử dụng, giao diện xấu. Mình nghĩ bạn nên down Tiny_mce về sử dụng, rất dễ sài, dễ cài và dễ viết Plugin nữa, đầy đủ chức năng nhưng không dư thừa, không quá nặng
    Bác chỉ em các xài đi

  11. #9
    vanthiemmt2's Avatar
    vanthiemmt2 vẫn chưa có mặt trong diễn đàn Rìu Sắt
    Tham gia
    Apr 2009
    Bài
    181
    VZD
    28
    Cảm ơn
    5
    Điểm
    71/65 bài viết

    Default

    Hôm rồi có bạn bảo mình hướng dẫn cài đặt cái Tiny_MCE tích hợp với Elfinder. Mấy hôm rồi mình cũng bận quá không hướng dẫn bạn được. Không biết bạn đã làm được chưa. Hôm nay nhân tiện đang vào chỉnh sửa cái này mình sẽ post nên đây nếu bạn nào chưa biết thì có thể cài đặt được.

    Bản thân mình thì không dùng cách sinh Tiny_MCE bằng Js mà mình viết hết trong PHP. Lúc nào cần gọi cái editor đó thì mình sẽ goi hàm ra thôi. Mình chia sẻ với các bạn = Js nhé. bạn nào cần nâng cao hơn thì contact mình sẽ chia sẻ. Cái này mình viết thành Plugin rồi. Sử dụng thì bạn chỉ cần goi nó ra thôi. Các bạn cần thì copy về đạt cho nó một cái tên là isoTextArea.js như mình

    //Ex:
    <textarea id="editor"></textarea>
    //
    $().ready(function(){
    $('#editor').isoTextArea({options});
    });


    --------------------------------------------------------------
    (function($){
    $.fn.isoTextArea = function(options) {
    var opt = $.extend({}, $.fn.isoTextArea.defaults, options);
    var idThis = $(this).attr('id');
    tinyMCE.init({
    theme : "advanced",
    height : opt.height,
    elements : idThis,
    mode : "textareas",
    plugins : "autosave,autolink,pdw,advimage,table,contextmenu, searchreplace,xhtmlxtras,preview,wordcount,inlinep opups,style,fullscreen,advlist,media",
    skin:"wp_theme",
    theme_advanced_buttons1:"bold,underline,italic,bul list,numlist,forecolor,justifyleft,justifycenter,j ustifyright,justifyfull,image,link,unlink,removefo rmat,cleanup,code,pdw_toggle",
    theme_advanced_buttons2:"formatselect,fontselect,f ontsizeselect,backcolor,media,anchor,|,|,hr,sub,su p,charmap,strikethrough ",
    theme_advanced_buttons3:"tablecontrols,search,repl ace,cite,ins,del,abbr",
    theme_advanced_buttons4:"",
    language:"en",
    theme_advanced_toolbar_location:"top",
    theme_advanced_toolbar_align:"left",
    theme_advanced_statusbar_location:"bottom",
    theme_advanced_resizing:"1",
    theme_advanced_resize_horizontal:"",
    dialog_type:"modal",
    relative_urls:"",
    remove_script_host:"",
    convert_urls:"",
    apply_source_formatting:"",
    remove_linebreaks:"1",
    gecko_spellcheck:"1",
    accessibility_focus:"1",
    paste_remove_styles:"1",
    paste_remove_spans:"1",
    paste_strip_class_attributes:"all",
    pdw_toggle_on : 1,
    file_browser_callback : "elFinderBrowser", // Chú ý cái này này
    pdw_toggle_toolbars : "2,3",
    setup : function(ed) {
    ed.onKeyDown.add(function(ed, evt) {
    if (evt.keyCode == 83 && evt.ctrlKey && !evt.shiftKey && !evt.altKey && !evt.metaKey) {
    evt.preventDefault(); submitFormEditor();
    }
    });
    }
    });
    return this;
    };
    })(jQuery);
    function submitFormEditor(){
    $("form button[type=submit]").click();
    event.preventDefault();
    return false;
    };
    function elFinderBrowser(field_name, url, type, win){
    var base_url=window.location.protocol+ "//" + window.location.host;
    var cmsURL = base_url+"/templates/editor/elfinder/elfinder.html";
    if (cmsURL.indexOf("?") < 0){
    cmsURL = cmsURL + "?type=" + type;
    }else {
    cmsURL = cmsURL + "&type=" + type;
    }
    tinyMCE.activeEditor.windowManager.open({
    file : cmsURL,
    title : 'elFinder 2.0',
    width : 900,
    height : 450,
    resizable : "yes",
    inline : "yes",
    popup_css : false,
    close_previous : "no"
    },{
    window : win,
    input : field_name
    });
    return false;
    }

    P/s: Có một chú ý là folder chưa elfinder phải config đúng nơi bạn đặt trên host hay localhost như của mình thì đặt trong thư mục /templates/editor

    Trong file elfinder.html các bạn phải dẫn cãi file js_popup của tiny_MCE vào ( Config path cho dúng)
    <script type="text/javascript" src="/tiny_mce/tiny_mce_popup.js"></script>

    Và sửa trong đó chút xíu như thế này
    <script type="text/javascript" charset="utf-8">
    var FileBrowserDialogue = {
    init : function () {
    // Here goes your code for setting your custom things onLoad.
    },
    mySubmit : function (URL) {
    var win = tinyMCEPopup.getWindowArg("window");
    // insert information now
    win.document.getElementById(tinyMCEPopup.getWindow Arg("input")).value = URL;
    // are we an image browser
    if (typeof(win.ImageDialog) != "undefined") {
    // we are, so update image dimensions...
    if (win.ImageDialog.getImageData)
    win.ImageDialog.getImageData();
    // ... and preview if necessary
    if (win.ImageDialog.showPreviewImage)
    win.ImageDialog.showPreviewImage(URL);
    }
    tinyMCEPopup.close();
    }
    }
    tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
    $().ready(function() {
    var elf = $('#elfinder').elfinder({
    title: 'Files Mananer - ISOCMS',
    url : 'php/connector.php',
    getfile : {
    onlyURL : true,
    multiple : false,
    folders : false
    },
    getFileCallback : function(url) {
    path = url.replace(/\\/,"/");
    FileBrowserDialogue.mySubmit(path);
    }
    }).elfinder('instance');
    });
    </script>

    Trong file php/connector.php cũng cần config cho đúng thư mục để upload nên trên host của bạn và chmod=777 nhé. như của mình là thư mục content

    define('STORE_DATA',ROOT_PATH.DS.'public_html/uploads/');
    $opts = array(
    'debug' => true,
    'roots' => array(
    array(
    'root' => STORE_DATA.'content/',
    'driver' => 'LocalFileSystem', // driver for accessing file system (REQUIRED)
    'path' => STORE_DATA.'content', // path to files (REQUIRED)
    'URL' => APP_URL_EDITOR.'content', // URL to files (REQUIRED)
    'accessControl' => 'access' // disable and hide dot starting files (OPTIONAL)
    )
    )
    );

    Cái Elfinder các bạn có thể downloa ở đây và tiny_mce của mình đang sử dụng là phiên bản 5.8
    Thay đổi nội dung bởi vanthiemmt2; 26-05-2013 lúc 12:50.
    Cung cấp quà tặng chuyên nghiệp & độc đáo,diễn đàn chia sẻ cùng bạn, quà tặng tết, quà tặng ba mẹ

  12. #10
    vanthiemmt2's Avatar
    vanthiemmt2 vẫn chưa có mặt trong diễn đàn Rìu Sắt
    Tham gia
    Apr 2009
    Bài
    181
    VZD
    28
    Cảm ơn
    5
    Điểm
    71/65 bài viết

    Default

    FCKEditor theo mình đánh giá nó khá là nặng nề và kém thân thiện. Trong quá trình sử dụng bạn cũng còn cần optimize cái editor của bạn rất là nhiều. Mình có đồng quan điểm với hongphucinfo. Mình và bạn bè mình đêu thấy rằng FCK chưa được bảo mật tốt. Nếu nói editor tốt nhất hiện này thì chỉ có cái editor của Google thôi. hihi chêu tý xíu cái Tiny_mce rất tiện dụng. Bạn nghiên cứu một chút sẽ thấy nó là bộ editor rất thú vị và extension. Ngoài ra bạn có thể dùng cái elrte cũng được.
    Cung cấp quà tặng chuyên nghiệp & độc đáo,diễn đàn chia sẻ cùng bạn, quà tặng tết, quà tặng ba mẹ

  13. #11
    transybao's Avatar
    transybao vẫn chưa có mặt trong diễn đàn Rìu Bạc Đôi
    Tham gia
    Aug 2011
    Đến từ
    .....Loading.......
    Bài
    557
    VZD
    1.117
    Cảm ơn
    36
    Điểm
    228/189 bài viết

    Default

    tự viết 1 cái cho lành
    Chung tay để xây dựng box Lập trình VN-Zoom ngày càng lớn mạnh.

  14. #12
    thanhtung_0000's Avatar
    thanhtung_0000 vẫn chưa có mặt trong diễn đàn Rìu Bạc
    Tham gia
    Feb 2009
    Đến từ
    VN-ZOOM là nhà
    Bài
    345
    VZD
    124
    Cảm ơn
    233
    Điểm
    317/90 bài viết

    Default

    Giờ cái nào dùng tiện nhất vậy? Mình mới làm web mà cái Editor ít chức năng quá

  15. #13
    hueboyvnn's Avatar
    hueboyvnn vẫn chưa có mặt trong diễn đàn Gà Con
    Tham gia
    Apr 2011
    Bài
    4
    VZD
    124
    Cảm ơn
    0
    Điểm
    0/0 bài viết

    Default

    Xài CKEditor tích hợp thêm cái quản lý ảnh CKFinder nữa là ổn, thấy xài ngon, cấu hình đơn giản

  16. #14
    thanhtung_0000's Avatar
    thanhtung_0000 vẫn chưa có mặt trong diễn đàn Rìu Bạc
    Tham gia
    Feb 2009
    Đến từ
    VN-ZOOM là nhà
    Bài
    345
    VZD
    124
    Cảm ơn
    233
    Điểm
    317/90 bài viết

    Default

    Trích vanthiemmt2 View Post
    FCKEditor theo mình đánh giá nó khá là nặng nề và kém thân thiện. Trong quá trình sử dụng bạn cũng còn cần optimize cái editor của bạn rất là nhiều. Mình có đồng quan điểm với hongphucinfo. Mình và bạn bè mình đêu thấy rằng FCK chưa được bảo mật tốt. Nếu nói editor tốt nhất hiện này thì chỉ có cái editor của Google thôi. hihi chêu tý xíu cái Tiny_mce rất tiện dụng. Bạn nghiên cứu một chút sẽ thấy nó là bộ editor rất thú vị và extension. Ngoài ra bạn có thể dùng cái elrte cũng được.
    Chào bạn Mình đang cài bộ elrte nhưng đang bị lỗi phần quản trị file nếu up ảnh lên từ máy tính. Giờ ko biết sao nữa, kết em này quá mà ko biết sửa chỗ nào

  17. #15
    boy9x_single's Avatar
    boy9x_single vẫn chưa có mặt trong diễn đàn Búa Gỗ Đôi
    Tham gia
    Mar 2011
    Bài
    41
    VZD
    205
    Cảm ơn
    29
    Điểm
    2/2 bài viết

    Default

    Bác xem cái clip này là rõ!

 

 

Quyền sử dụng

  • Bạn không thể gửi chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi file đính kèm
  • Bạn không thể tự sửa bài viết của mình
  •