Set read-only mode

Puts or restores the editor into readonly state. When editor in read-only, the user is not able to change the editor content throught wysiwyg and throught source editor, but can still use some editor functions (fullsize, print, show source code).

<link type="text/css" rel="stylesheet" href="build/jodit.min.css">
<script type="text/javascript" src="build/jodit.min.js"></script>
var editor = new Jodit('#editor', {
    readonly: true
});'readonly', function (isReadOnly: boolean) {
    console.log('Current state:' + isReadOnly);

editor.setReadOnly(false); // this method firing the `readonly` event.

// toggle read-only

by default in readonly state it shows all buttons, but almost all of them are disabled. Only the source,print,fullsize,about and dots buttons work. But you can set your own buttons list:

var editor = new Jodit('#editor', {
    readonly: true,
    activeButtonsInReadOnly: ['source', 'about'], // active only two buttons