1

ページ上で 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>
4

1 に答える 1

6

disabled属性を定義する<textarea>と、エディターが読み取り専用で起動します。

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

サンプルの fiddleを参照してください。

于 2013-08-30T10:19:59.403 に答える