làm cho readonly/vô hiệu hóa văn bản tinymce

Question

Tôi cần phải vô hiệu hóa hoặc làm cho chỉ đọc một textarea tinymce lúc chạy.

Answer 1

Sử dụng các tham số cấu hình readonly

tinyMCE.init({ 
     ... 
     theme : "advanced", 
     readonly : 1 
}); 

Đây là một link to a demo.

Cập nhật: Những gì bạn có thể làm để ngăn chặn người dùng chỉnh sửa nội dung trong trình soạn thảo của bạn là để thiết lập các thuộc tính contenteditable của cơ thể biên tập iframe false:

tinymce.activeEditor.getBody().setAttribute('contenteditable', false); 

Answer 2

Thariama của solution sẽ đặt tất cả textareas TinyMCE trên trang chỉ đọc.

Giải pháp tốt nhất mà tôi đã tìm thấy là posted bởi Magnar Myrtveit sẽ đặt trường thành chỉ đọc có thuộc tính chỉ đọc. Đây là mã:

tinyMCE.init({ 
    ... 
    setup: function(ed) { 
     if ($('#'+ed.id).prop('readonly')) { 
      ed.settings.readonly = true; 
     } 
    } 
}); 

Answer 3

Có thể dòng mã này sẽ giúp các trình duyệt khác sử dụng iframe.

tinymce.activeEditor.getBody().contenteditable = false 

Kính trọng!

Answer 4

Tôi cố gắng sử dụng chỉ đọc: 1 lệnh khi tôi sử dụng thanh công cụ sẽ biến mất.

làm thế nào để sử dụng

tinymce.activeEditor.getBody() setAttribute ('contenteditable', false).

Answer 5

NẾU bạn chỉ có một biên tập viên, công trình này:

tinymce.activeEditor.getBody().setAttribute('contenteditable', false); 

Nếu bạn có nhiều biên tập viên, bạn phải chọn chúng bằng id của textarea:

tinyMCE.get('textarea_id').getBody().setAttribute('contenteditable', false); 

Answer 6

Để vô hiệu hóa bạn có thể gọi lệnh này:

tinymce.EditorManager.execCommand('mceToggleEditor', true, tinymceId); 

Và để bật lại trình chỉnh sửa, bạn có thể gọi lại lệnh này.

'mceToggleEditor' lệnh bật hoặc tắt chế độ WYSIWYG bằng cách hiển thị hoặc ẩn đối tượng văn bản và trình chỉnh sửa. Đây không phải là điều tương tự như mceAddControl hoặc mceRemoveControl vì cá thể vẫn còn đó và chưa được khởi tạo, vì vậy phương thức này nhanh hơn.

Link cho lệnh trên: http://archive.tinymce.com/wiki.php/TinyMCE3x:Command_identifiers

Answer 7

Bạn có thể xem câu trả lời này ở đây bởi @rioted: https://stackoverflow.com/a/34764607/1827960.

tôi sử dụng nó để đưa ra giải pháp này:

tinymce.settings = $.extend(tinymce.settings, { readonly: 1 }); 
tinymce.EditorManager.editors.forEach(function (editor) { 
    tinymce.EditorManager.execCommand('mceRemoveEditor', false, editor.id); 
    //tinymce.EditorManager.editors = []; 
    tinymce.EditorManager.execCommand('mceAddEditor', false, editor.id); 
}); 

Answer 8

Từ phiên bản 4.3.x trên bạn có thể sử dụng mã dưới đây để biết chế độ readonly

tinymce.activeEditor.setMode('readonly'); 

và cho chế độ thiết kế:

tinymce.activeEditor.setMode('design'); 

Answer 9

bạn có thể sử dụng

this.getBody().setAttribute('contenteditable', false); 

mất nhìn vào giải pháp đầy đủ ,, phía máy chủ của tôi là Asp.net MVC

setup: function (ed) { 
     ed.on('init', function() { 
      this.execCommand("fontSize", false, "17px"); 
      $("html,body").scrollTop(0); 
      @if (ViewBag.desableEdit != null && ViewBag.desableEdit == true) 
      { 
       <text> 
        this.getBody().setAttribute('contenteditable', false); 
       </text> 
      } 

     }); 

cách anather để làm điều đó nếu bạn có server side condition sẽ được loại bỏ trong HTML trở

tinymce.init({ 
    selector: ... , 
    .... 
    @if (ViewBag.desableEditExseptExportNumber != null && ViewBag.desableEditExseptExportNumber == true) 
    { 
     <text> 
       readonly: 1, 
     </text> 
    } 
    language: 'ar', 
    ....}); 

Answer 10

đó làm việc cho ASP.NET MVC Razor

readonly: @(Model.Readonly ? "true" : "false") 

khi khởi tạo TinyMCE:

tinymce.init({/* put readonly setting here */});