Wie legen Sie den Fokus eines TinyMCE-Textarea-Elements fest?

Ich verwende TinyMCE für einen Textbereich auf einer Seite, aber es passt nicht gut in die Tab-Reihenfolge der anderen Elemente.

Ich kann den folgenden Code verwenden, um zu erfassen, wann ich das erste Element verlasse:

$('#title').live('keypress', function (e) {
   if(e.keyCode == 9) {
       alert('tabbed out');
   }
});

Wie kann ich den Fokus auf einen TinyMCE-Editor setzen?

Endlich eine Antwort gefunden … verwenden Sie den Befehl:

tinymce.execCommand('mceFocus',false,'id_of_textarea');

Für meine Zwecke war ‘id_of_texterea’ “Beschreibung”, dh

<textarea id="description" ... ></textarea>

In dem Formularelement, das meinem Textbereich vorausging, habe ich den execCommand oben zur Aktion “onblur” des Elements hinzugefügt.

Ich weiß, dass dies ein alter Beitrag ist, aber nur um meinen Beitrag hinzuzufügen, dass der Editor geöffnet ist und der Fokus nicht funktioniert. Was ich gefunden habe, das für mich funktioniert hat, war Folgendes:

tinyMCE.activeEditor.focus();

Ich musste dies in einem window.setTimeout-Ereignis festlegen, weil ich JS-Objekte und dergleichen verwendet habe. Hoffe das hilft.

Das Fokussieren funktioniert auch so:

tinyMCE.get('id_of_textarea').focus()

Schauen Sie sich das tabfocus-Plugin an, das macht genau das, was Sie wollen:

http://tinymce.moxiecode.com/tryit/tab_focus.php

Wenn Sie tinymce mit JQuery verwenden. Folgendes wird funktionieren

$("#id_of_textarea").tinymce().focus();

Sie können dies jedoch erst tun, nachdem der Editor initialisiert wurde, und daher müssen Sie möglicherweise auf eines seiner Initialisierungsereignisse warten.

tinyMCE.get('Description').getBody().focus();

Das obige funktioniert auch in Firefox, Chrome und IE. In anderen Browsern habe ich nicht getestet.

Sieht so aus, als ob für TinyMCE 4 einige dieser Lösungen nicht mehr funktionieren.

// Scheint nicht auf TinyMCE 4 zu funktionieren

tinymce.execCommand('mceFocus',false,'id_of_textarea'); 

// Hat nicht funktioniert

$("id_of_textarea").tinymce().focus();

tinyMCE.activeEditor.focus();

Was für mich funktioniert

// Funktioniert hervorragend in Chrome, aber überhaupt nicht in Firefox

tinyMCE.init({
    //...
    auto_focus : "id_of_textarea"
});

// Fügen Sie dies hinzu, damit Firefox auch funktioniert

init_instance_callback : "customInitInstanceForTinyMce", // property to add into tinyMCE.init()

function customInitInstanceForTinyMce() {
    setTimeout(function () {                         // you may not need the timeout
        tinyMCE.get('Description').focus();
    }, 500);
}

Was tatsächlich funktioniert, ist das Setzen einer Option in der configfile (oder jquery-Datei) Mit dieser Option können Sie eine Editorinstanz automatisch fokussieren. Der Wert dieser Option sollte eine Editorinstanz-ID sein. Die Editorinstanz-ID ist die id für den ursprünglichen Textbereich bzw <div> Element, das ersetzt wurde.

Beispiel für die Verwendung der auto_focus Möglichkeit:

tinyMCE.init({
    //...
    auto_focus : "elm1"
});