Tinymce Blur/Focus-Ereignis

Ich versuche zu fangen, die Unschärfe und Fokus, die die Ereignisse der tinyMce-Editor.

Fand ich folgenden Weg für diese.

            ed.onInit.add(function(ed) {
                tinyMCE.execCommand('mceRepaint');

                var dom = ed.dom;
                var doc = ed.getDoc();

                if (o.onblurtopics) {
                    tinymce.dom.Event.add(doc, 'blur', function(e) {
                        alert("blur");
                    });
                }
                if (o.onfocustopics) {
                    tinymce.dom.Event.add(doc, 'focus', function(e) {
                        alert("focus");
                    });
                }

            });

Dies funktioniert gut, aber nur im Firefox. Wenn ich versuche diese in der aktuellen Chrom oder IE8 hat es keine Wirkung.

Wer hat einen Vorschlag?

InformationsquelleAutor Johannes | 2011-04-30
  1. 10

    Verwenden

    tinymce.dom.Event.add(s.content_editable ? ed.getBody() : (tinymce.isGecko ? ed.getDoc() : ed.getWin()), 'blur', function(e) {
    alert('blur');
}
    • Einfach toll das funktioniert! Geben Sie diesem Mann ein upvote!! Ty a lot
    • was ist 's' hier.. ?!
    • Gleiche Frage wie Rahul: was ist ein "s" sein soll?
    • sieht aus wie s sein sollte editor.settings
    InformationsquelleAutor Rajesh Taneja
  2. 5

    Scheint zu kompliziert für mich, sollte dies funktionieren:

            editor.onInit.add(function(editor) {
            tinymce.dom.Event.add(editor.getBody(), "focus", function(e) {
                parent.console.log('focus');
            });
        });

        editor.onInit.add(function(editor) {
            tinymce.dom.Event.add(editor.getBody(), "blur", function(e) {
                parent.console.log('blur');
            });
        });
    • 2 Probleme hier. A) editor.getBody() funktioniert nicht überall. B) Konsole.log wird nicht funktionieren, da das Protokoll fällt in den tinyMCE iframe. Es scheint nicht zu funktionieren.
    InformationsquelleAutor Kristoffer
  3. 1

    Könnten Sie jQuery zu kümmern, die Unschärfe/Schärfe (jQuery dann kümmern sich um die browser-abhängigen Sachen).

    Update: Es funktioniert!
    Hier ist der tinymce fiddle: http://fiddle.tinymce.com/ageaab/1

    Und hier ist der code:

    <script type="text/javascript">
tinymce.init({
    selector: "textarea",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "bold italic",
    setup : function(ed) {
        ed.on('init', function()
        {
            $(ed.getBody()).on('blur', function(e) {
                console.log('blur');
            });
            $(ed.getBody()).on('focus', function(e) {
                console.log('focus');
            });
        });
    }

});
</script>

<form method="post" action="dump.php">
    <textarea name="content"></textarea>
</form>
    • Ich denke, der normale blur/Fokus-Funktion funktioniert nicht mit einem tinymce Instanz.
    • es funktioniert! ich habe den funktionierenden code zu meiner Antwort
    InformationsquelleAutor Thariama
Schreibe einen Kommentar