Tìm kiếm nhanh

Hướng dẫn fix lỗi ckeditor trên Modal boostrap

Thảo luận trong 'Coding' đăng bởi dangdinhtu, 30/06/2016 08:34.

  • dangdinhtu

    dangdinhtu Đặng Đình Tứ

    Điều hành viên Quản trị diễn đàn

    Chào các bạn trong quá trình làm diễn đàn mình có gặp lỗi Ckeditor trên Modal Boostrap

    [ATTACH=full]86[/ATTACH]

    Tất cả các plugin trên ckeditor sẽ gặp phải lỗi này

    Cách khắc phục như sau

    Bạn tạo một tên tin js mới có tên là  themes/theme_ban/js/bootstrap-ckeditor-fix.js 

    với nội dung

    $.fn.modal.Constructor.prototype.enforceFocus = function() {
        $( document )
            .off( 'focusin.bs.modal' )
            .on( 'focusin.bs.modal', $.proxy( function( e ) {
                if (
                    this.$element[ 0 ] !== e.target && !this.$element.has( e.target ).length
                    && !$( e.target ).closest( '.cke_dialog, .cke' ).length
                ) {
                    this.$element.trigger( 'focus' );
                }
    	}, this ) );
    };

    Sau đó bạn chèn đường dẫn này vào file  themes/theme_ban/layout/footer_only.tpl

    Tìm dòng 

    <script src="/themes/default/js/bootstrap.min.js"></script>

    Thêm xuống dưới

    <script src="/themes/default/js/bootstrap-ckeditor-fix.js"></script>

    Ok giờ bạn đã có thể thoải mái sử dụng Ckeditor trên Modal rồi :D 

     

     

    Tệp đính kèm:

    • loi.jpg
      loi.jpg
      Dung lượng:
      80.95 KB
      Lượt xem:
      18
    huongpro_love nhimthulinh anhyeuviolet thích điều này.

Chia sẻ trang này

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây