Сделать ckeditor только на странице загрузки

Question

Я хочу сделать ckeditor только для чтения на странице и только для чтения. Как мне это сделать? Я попытался изменить приведенный ниже код, чтобы сделать это, но я не могу понять это.

Я сделал редактору режим переключения только для чтения, который загружается как не только для чтения. (Это не, но я хочу, но это ближайший я получил) Это код, у меня есть для этого:

window.onload = function() { 
    CKEDITOR.replace('textBox',); 
} 

var editor; 

// The instanceReady event is fired, when an instance of CKEditor has finished 
// its initialization. 
CKEDITOR.on('instanceReady', function (ev) { 
    editor = ev.editor; 

    // Show this "on" button. 
    document.getElementById('readOnlyOn').style.display = ''; 

    // Event fired when the readOnly property changes. 
    editor.on('readOnly', function() { 
     document.getElementById('readOnlyOn').style.display = this.readOnly ? 'none' : ''; 
     document.getElementById('readOnlyOff').style.display = this.readOnly ? '' : 'none'; 
    }); 
}); 

function toggleReadOnly(isReadOnly) { 
    // Change the read-only state of the editor. 
    // http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setReadOnly 
    editor.setReadOnly(isReadOnly); 
} 

И HTML:

<p> 
    <textarea class="ckeditor" id="editor1" name="editor1" style="height:400px;width:900px">${alert.html}</textarea> 
</p> 
<p> 
    <input id="readOnlyOn" onclick="toggleReadOnly();" type="button" value="Make it read-only" 
    style="display:none" /> 
    <input id="readOnlyOff" onclick="toggleReadOnly(false);" type="button" 
    value="Make it editable again" style="display:none" /> 
</p> 

Answer 1

Определение disabled атрибут для <textarea> и редактор начнет только для чтения:

<textarea id="editor" disabled>Cow says moo!</textarea> 

См the sample fiddle.