how to make tinymce input read only

Question

I want to make tinymce input to read only. i have tried with the below code. Please help me with this issue.

tinymce.init({
    selector: '#deliberations',
    menubar: false,
    readonly: true, 
    branding: false,
    height: 100,
    max_height: 400,
    theme: 'modern',
    toolbar: false,
                toolbar_items_size: 'small',
                plugins: ['advlist autolink lists link image charmap print preview hr anchor pagebreak','searchreplace wordcount visualblocks visualchars code fullscreen','insertdatetime media nonbreaking save table contextmenu directionality','emoticons template paste textcolor colorpicker textpattern imagetools codesample toc help'],

                toolbar1: 'insert | undo redo |  styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image print preview media | forecolor backcolor emoticons | fullscreen | table',

    image_advtab: true,
    templates: [{
            title: 'Test template 1',
            content: 'Test 1'
        },
        {
            title: 'Test template 2',
            content: 'Test 2'

        }
    ],
    content_css: [

    ]

});

i have tried with readonly : 1 instead of true it is working fine — Boga Ravali, Jun 25 '18 at 09:48
Possible duplicate of [make readonly/disable tinymce textarea](https://stackoverflow.com/questions/13881812/make-readonly-disable-tinymce-textarea) — Roy Bogado, Jun 25 '18 at 09:52

score 2 · Answer 1 · answered Jun 27 '18 at 05:42

2

If you are using version 4.x, remove the readonly: true option and try

setup: function (editor) {
    editor.setMode("readonly")
    },

http://fiddle.tinymce.com/Lugaab/2

answered Jun 27 '18 at 05:42

TheRobQ

108
8

It works for me, tiny version 5.x – Aetos2501 Oct 15 '21 at 04:37

score 0 · Answer 2 · answered Jun 25 '18 at 11:08

As stated in the TinyMCE docs https://www.tinymce.com/docs-3x/reference/configuration/Configuration3x@readonly/ the readonly attribute should be set to '1' not to 'true'.

tinymce.init({
    selector: '#deliberations',
    menubar: false,
    readonly: 1, 
    branding: false,
    height: 100,
    max_height: 400,
    theme: 'modern',
    toolbar: false,
                toolbar_items_size: 'small',
                plugins: ['advlist autolink lists link image charmap print preview hr anchor pagebreak','searchreplace wordcount visualblocks visualchars code fullscreen','insertdatetime media nonbreaking save table contextmenu directionality','emoticons template paste textcolor colorpicker textpattern imagetools codesample toc help'],

                toolbar1: 'insert | undo redo |  styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image print preview media | forecolor backcolor emoticons | fullscreen | table',

    image_advtab: true,
    templates: [{
            title: 'Test template 1',
            content: 'Test 1'
        },
        {
            title: 'Test template 2',
            content: 'Test 2'

        }
    ],
    content_css: [

    ]

});

how to make tinymce input read only

2 Answers2