zum deaktivieren der tinymce-editor

Möchte ich deaktivieren tinymce editor mit Javascript. Tatsächlich, ich habe zwei radio-buttons: 1) On & 2) Off.

Wenn der Benutzer die Off radio-button, mein tinymce-editor sollte readonly/disabled & wenn der Benutzer die On radio-button, mein tinymce-editor sollte enabled.

Wie kann ich das erreichen?

BEARBEITET:- (Als es funktioniert nicht im IE8 -)

tinyMCE.init({
    force_p_newlines : false,
    force_br_newlines : false,
    forced_root_block : false,
    convert_newlines_to_brs: false,
    //Not to add br elements.
    remove_linebreaks : true,

    mode : "textareas",
    theme : "advanced",
    plugins : "safari",
    convert_urls : false,
    width : "560",
    height : "15",
    theme_advanced_buttons1 : "fontselect,fontsizeselect, separator, bold,italic,underline,separator,forecolor,backcolor,justifyleft,justifycenter,justifyright,justifyfull",

    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left", extended_valid_elements : "a[name|href|target|title|onclick],img[class|src| border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name], hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]"
});

Dieser code wird verwendet, um deaktivieren:

function tinymce_state(id, disable){
    var state = (disable==true)? 'Off' : 'On'
    tinymce.get(id).getDoc().designMode = state;
    tinymce.get(id).controlManager.get('fontselect').setDisabled(disable);
    tinymce.get(id).controlManager.get('fontsizeselect').setDisabled(disable);
    tinymce.get(id).controlManager.get('bold').setDisabled(disable);
    tinymce.get(id).controlManager.get('italic').setDisabled(disable);
    tinymce.get(id).controlManager.get('underline').setDisabled(disable);
    tinymce.get(id).controlManager.get('forecolor').setDisabled(disable);
    tinymce.get(id).controlManager.get('backcolor').setDisabled(disable);
    tinymce.get(id).controlManager.get('justifyleft').setDisabled(disable);
    tinymce.get(id).controlManager.get('justifycenter').setDisabled(disable);
    tinymce.get(id).controlManager.get('justifyright').setDisabled(disable);
    tinymce.get(id).controlManager.get('justifyfull').setDisabled(disable);
}
InformationsquelleAutor Salil | 2011-03-28
  1. 14

    Verwenden, können Sie den folgenden block-Eingabe im editor:

    //blockeditor input
tinymce.get('editor_id').getDoc().designMode = 'Off'; //switches editable off

//turn it on again
tinymce.get('editor_id').getDoc().designMode = 'On'; //switches editable on

    Müssen Sie noch einen Weg finden, zu blockieren, die tinymce-UI. Sie könnten deaktivieren Sie JEDE Kontrolle, die Sie geladen haben (in der init-Funktion) Verwendung einer Linie für JEDEN von Ihnen

    //example control bold
tinymce.get('editor_id').controlManager.get('bold').setDisabled(true);

//turn it on again
tinymce.get('editor_id').controlManager.get('bold').setDisabled(false);

    EDIT:

    Könnte man ändern die contenteditable-Eigenschaft Ihrer rtes iframe Körper.
    Nachteil wird sein, dass Sie zum deaktivieren der tinymce-Editor Benutzeroberfläche (Schaltflächen) separat

    //disable contenteditable
tinymce.get('editor_id').getBody().setAttribute('contenteditable', 'false');

//enable contenteditable
tinymce.get('editor_id').getBody().setAttribute('contenteditable', 'true');
    • wow gr8 Sachen Liebe........es funktioniert für mich ........aber ich habe nicht markiert Sie als akzeptiert, doch wie kann es einfacher sein, eine Möglichkeit zum deaktivieren/aktivieren der tinymce-Editor als auch UI..........neway thanx eine million Thariama.......
    • ich möchte auch wissen, ob es eine einfachere Methode (aber es können auch keine sein)
    • Es funktioniert nicht für TinyMCE 3.4.5. Die designMode-Eigenschaft ist bereits gleich auf "off"; ändern Sie hin und her von "on" auf "off" ein paar mal hat keine Wirkung.
    • Sie sind mit dem browser(s)? ich bearbeitet meine post zeigt einen anderen Weg
    • Ich habe einfach mal im IE8 und es gibt mir seltsame Problem. Meine aktuelle Seite ist zu bekommen in den editor geladen.Dies geschieht nur im IE8.Wenn ich mit IE-Entwicklungs-Tool, und es gibt mir eine Fehlermeldung "Objekt nicht definiert ist oder null," @ tinymce.erhalten
    • haben Sie zu ersetzen 'editor_id' mit der id der textarea - /html-element. könntest du deinen post tinymce config, könnte dies auch helfen?
    • check meinen code BEARBEITET werden:- (Da es nicht funktioniert im IE8) in Frage
    • Sie haben einen einzigen editor auf Ihrer Seite?
    • Ja, es ist nur ein editor.........und es funktioniert auf allen Browsern, aber IE8
    • in diesem Fall müssen wir herausfinden, was schief läuft im IE einen workaround finden. finden Sie die Zeile, wo der Fehler Auftritt? wenn der tinymce.zu bekommen ist das problem hier (was ich nicht denke) Sie können mit tinymce.Editoren[0] dann statt
    • Tolle Sachen. Contenteditable funktioniert Super außer im IE8. Irgendeine Idee warum? Nun die einzige Möglichkeit, die ich gefunden habe, deaktiviert der editor im IE8 ist die Verwendung einer Glasscheibe (Deckkraft 0) über den editor alle Ereignisse erfassen.
    • für 4.3.13 dies funktioniert: stackoverflow.com/questions/13881812/...

    InformationsquelleAutor Thariama
  2. 2

    Aus irgendeinem Grund die Sammlung von Editoren gibt es zwei Typen von ID die numerische ID (0,1, ... n) und einem alpha-ID (Testing1, testing2, ... xyx)
    die Befehle in den code-snippet nur mit dem aplha-basierten ID z.B. "Testing1"

    Ich habe zwölf tinyMCE version 4.1.5 Autoren in meinem Projekt und können deaktivieren Sie alle von Ihnen mit diesem code:

    for (editor_id in tinyMCE.editors) { 
    if (editor_id.length > 2) { //there are twelve editors in my project so ignore two-digit IDs
        tinyMCE.editors[editor_id].getBody().setAttribute('readonly', '1');
        tinymce.EditorManager.execCommand('mceRemoveControl', true, editor_id);
        tinymce.EditorManager.execCommand('mceRemoveEditor', true, editor_id);
        tinymce.EditorManager.execCommand('mceAddControl', true, editor_id);
        tinymce.EditorManager.execCommand('mceAddEditor', true, editor_id);
    }
}

    Diese Seite hat mir geholfen, es herauszufinden: http://jeromejaglale.com/doc/javascript/tinymce_jquery_ajax_form

    InformationsquelleAutor user2378769
  3. 0

    Können Sie in 3.x die option

    editor_deselector : "no_mce",

    deaktiviert (so geben Sie die textarea-Komponente die css-Klasse no_mce). Sie können schalten Sie die CSS-Klasse mit jQuery zum Beispiel.

    In 4.x Sie können die option

    selector:'textarea.nicht(.no_mce)'

    Hoffe, das hilft.

    (Oviously Sie können ändern Sie die CSS-Klasse auf, was Sie wollen)

    InformationsquelleAutor Dominic
Schreibe einen Kommentar