Как заставить работать readonly в tinyMCE 4.x?

Я видел здесь много сообщений, но каждое из них слишком старое и не связано с tinyMCE 4.x. Я ищу в Интернете несколько дней и не могу найти возможность установить tinyMCE 4.x в режиме только для чтения.

На данный момент я просто скрываю панели инструментов и панели меню, но я все еще могу удалять текст и так далее...


person cyrat    schedule 23.09.2013    source источник
comment
См. ответ stackoverflow.com/a/35982854/2614103 для TinyMCE v4.3.x.   -  person grajsek    schedule 14.03.2016


Ответы (3)


Вот как я делаю это только для чтения.

tinymce.init({
  selector: "#id",
  readonly: true,
  toolbar: false,
  menubar: false,
  statusbar: false
  // more inits...
});

Возможно, вам придется настроить стили, чтобы исправить границы редактора.

person xdarsie    schedule 26.09.2013
comment
Да, но я не могу выделить текст, когда делаю это... Внутри статей есть фрагменты кода, которые пользователи могут копировать/вставлять, как и в tinymce версии 3 tinymce.com/tryit/3_x/read_only_mode.php - person cyrat; 08.12.2013

Мне потребовалось некоторое время, чтобы изучить, как сделать tinymce в режиме только для чтения.

Ключевой момент здесь установлен readonly в 1 или 0, а не true или false. Например, вот мой код инициализации:

tinymce.init({
            selector: "#html-textarea",
            menubar: false,
            statusbar: false,
            resize: "both",
            plugins: [
                "textcolor image link preview code table media noneditable"
            ],
            readonly: status, // **status hold value 0 or 1, NOT true or false**
            toolbar: 'preview | undo redo | removeformat | cut copy paste | formatselect fontselect fontsizeselect | forecolor backcolor | bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | link unlink image media | code table | bullist numlist | outdent indent blockquote'
        });
person Envil    schedule 12.06.2015

Как указано в документации TinyMCE по этой ссылке https://www.tiny.cloud/docs-3x/reference/configuration/Configuration3x@readonly/, для атрибута readonly должно быть установлено значение «1», а не «true».

// Move focus to specific element
tinyMCE.init({
  theme : "advanced",
  readonly : 1
});

Надеюсь это поможет

person Prince Michael    schedule 24.03.2019