CKEditor ReadOnly

Ich hab ein problem seit dem ich den CKEditor (http://ckeditor.com/). Das problem ist, dass ich kann nicht einen Weg finden, um den editor ReadOnly und ich kann nicht einfach eine textarea, da ich möchte, um die Konsistenz. Ich habe schon gesehen, viele og Fragen wie diese bei StackOwerflow, aber keiner von Ihnen arbeiten oder zu alt sind.

Mein code bisher ist nur die Anzeige/initialisiert sich der editor:

$(document).ready(function(){
    CKEDITOR.replace( 'ckeditor', {
        on: {
            //Check for availability of corresponding plugins.
            pluginsLoaded: function( evt ) {
                var doc = CKEDITOR.document, ed = evt.editor;
                if ( !ed.getCommand( 'bold' ) )
                    doc.getById( 'exec-bold' ).hide();
                if ( !ed.getCommand( 'link' ) )
                    doc.getById( 'exec-link' ).hide();
            }
        }
    });
});

Ich mit der neuesten CKEditor version(v. 4.1.1 Volles Paket)

Vielen Dank im Voraus! 🙂

Haben Sie versucht, es in ein iframe anstatt der textarea? Wie lädt den Inhalt aus einer anderen Seite, und so machen es ReadOnly.

InformationsquelleAutor Vegard Skui | 2013-04-26

  1. 8

    In den docs readOnly Sie können die config auf schreibgeschützt eingestellt

    config.readOnly = true;

    Gibt es auch eine Beispiel , zeigt die Einstellung über eine Methode

    editor.setReadOnly( true);

    InformationsquelleAutor epascarello

  2. 3

    versuchen Sie es mit folgenden Zeilen, 

    <textarea id="editor1" name="editor1" ></textarea>
<textarea id="editor2" name="editor2" ></textarea>

<input type="button" onclick="EnableEditor2()" value="EnableEditor2" />

<script>
      $(document).ready(function () {

         //set editor1 readonly
         CKEDITOR.replace('editor1', {readOnly:true});
         CKEDITOR.replace('editor2');

         //set editor2 readonly
         CKEDITOR.instances.editor2.config.readOnly = true;

      });

      function EnableEditor2() {
         CKEDITOR.instances.editor2.setReadOnly(false);
      }
</script>
    Können Sie fügen Sie eine Erklärung, warum das funktioniert?

    InformationsquelleAutor user3020010

  3. 1

    haben Sie versucht,
    diese
    ?

    sagen Sie, dass dies funktionieren sollte

    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 );
}

    - und html -

    <form action="sample_posteddata.php" method="post">
    <p>
        <textarea class="ckeditor" id="editor1" name="editor1" cols="100" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</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>
</form>
    Tut mir Leid, (ich bin neu mit CKEditor), aber was sollte ich ersetzen Sie den editor im editor.setReadOnly mit?
    besser einen link auf die nächtliche samples. Wir hielten mit Trac mehr als im Vorjahr.

    InformationsquelleAutor picios

  5. 0

    Überprüfen Sie dieses heraus. Die Idee ist, wenn sich ein Benutzer anmeldet in einem system mit einer Einstufung anderer als "BPPA", der CK-editor ist deaktiviert und read-only. Wenn die Einstufung eines Benutzers ist BPPA, damit der CK-editor bearbeitbar ist. Beachten Sie, dass diese code-Fraktionen sind eigentlich in PHP. Sie benötigen eine funktionierende Datenbank zu arbeiten, aber ich dachte, Sie könnte auf die Idee kommen und in der Lage sein zu arbeiten, Ihre eigene Magie. 

    <?php
                //This line is to disable PART A if classification != 'BPPA'
                $bppa = mysql_query("SELECT * from roles WHERE username = '$_SESSION[username]'");
                $bppa_row = mysql_fetch_array($bppa);
                if($bppa_row['classification'] != 'BPPA'){
                    $disabled = 'disabled = "disabled"';
                }else{
                    $disabled = "";
                }               
                //ends here
?>

    Dann gelten $deaktivieren Sie Ihren text-Bereich:

    <?php
echo '<textarea class="ckeditor" '.$disabled.' name="content' . $n . '" id="content' . $n . '">' . $saved . '</textarea>';
?>

    InformationsquelleAutor Jeremy Byron

  6. 0

    version 4.5.4, Sie können es tun mit:

    $('#idElement).ckeditorGet().setReadOnly(true);

    InformationsquelleAutor xmatzx

Schreibe einen Kommentar