Jquery/javascript ermitteln klicken Sie auf ein Ereignis in tinymce

Einfach, ich will zu erkennen, wenn ein Bild angeklickt wurde innerhalb eines tinymce-editor textarea.

ist das wirklich nicht erreichbar ist, ohne ein plugin erstellen? ich kann nicht diese Methode verwenden, weil ich in der Entwicklung eines plugins für drupal wysiwyg-Modul und ich will zu compatibale mit allen Editoren, wysiwyg unterstützt.

onclick in das Bild Attribute nicht funktionieren,
.klicken Sie auf die Zuhörer nicht funktionieren.
das wysiwyg-Modul-api hat keine Dokumentation zu löschen.

jemand kennt eine Lösung für dieses? ich will einfach nur, um zu erkennen, wenn ein Bild angeklickt wurde, das ist es...

InformationsquelleAutor tobbr | 2011-05-25

  1. 6

    Den Dokumentation ist ein guter Ort, um zu starten.

    Können Sie ein setup-Funktion zu binden TinyMCE Ereignisse bei der Initialisierung. Haben Sie einen Blick auf eine demo hier: http://jsfiddle.net/xgPzS/5/

    HTML:

    <textarea style="width:400px; height:400px;">
    some text
    <img src="http://www.hidekik.com/en/filelist/files/sample.jpg" />
</textarea>

    Javascript:

    $('textarea').tinymce({
    setup: function(ed) {
        ed.onClick.add(function(ed, e) {
            alert('Editor was clicked: ' + e.target.nodeName);
        });
    }
});
    ich bekomme $("textarea").tinymce ist nicht eine Funktion. tinymce in all seiner Herrlichkeit ist lovley aber wie ich schon sagte, ich würde lieber nicht editor abhängige Funktionen, um dies zu erreichen. aber es sieht aus wie ich haben werde, zu schreiben, die-plugin für tinymce statt, da scheint dies nicht möglich zu sein
    +1 für die Erwähnung der Verwendung des setup-init-param
    Anscheinend sind Sie nicht mit dem TinyMCE jQuery-plugin. Warum hast du tag jQuery dann? Trotzdem können Sie die oben genannten setup-Eigenschaft, wo immer Sie Sie nennen tinymce.init(). Ich glaube, Sie sollten-editor-abhängigen Funktionen eher als hässliche hack, Sie können nur hoffen, dass es hält die Arbeit in verschiedenen Redaktionen " zukünftige Versionen. Nur generischen code schreiben, von dem, was Sie tun möchten, und stecken Sie ihn auf die richtige Weise in jeder gewünschten editor unterstützt.
    $('textarea') funktioniert hier nicht, da der editor besteht aus einer editierbaren iframe erstellt von tinymce, dem ehemaligen textarea wird ausgeblendet und wird nicht reagieren, wenn Sie angeklickt!!!
    ja, das war nur ein Beispiel-Selektor zu erstellen, der editor aus. Es muss gesetzt werden, wo der editor initialisiert wird. Als er tagged jQuery, bin ich davon ausgegangen, dass er mit dem TinyMCE jQuery-plugin, das genau die gleichen Parameter und Eigenschaften, und im wesentlichen genau das gleiche wie tinyMCE.init().

    InformationsquelleAutor DarthJDG

  2. 3

    In Tinymce 4.x jQuery version habe ich nur geschafft, die Schärfe und Unschärfe Ereignisse mithilfe der folgenden Methode in das setup -

    JavaScript:

    setup : function(ed) {
    ed.on('init', function() {
        $(ed.getDoc()).contents().find('body').focus(function(){
            alert('focus');
        });

        $(ed.getDoc()).contents().find('body').blur(function(){
            alert('blur');
        });  
    });
}

    InformationsquelleAutor Sorin Haidau

  3. 2

    Erwähnt DarthJDG die setup-init-param ist der Weg zu gehen hier

    tinyMCE.init({

    ...

    setup: function(ed) {
        ed.onClick.add(function(ed, e) {
            if (e.target.nodeName.toLowerCase() == 'img') {
                alert('Img-Tag has been clicked!');
            }
        });
    },

    ....

});
    Das ist nicht wirklich anders als meine Lösung. 😉
    es ist. dieses Teil gehört innerhalb des tinymce init-Funktion und $('textarea') funktioniert nicht in deinem Fall

    InformationsquelleAutor Thariama

  4. 0

    Denke ich der richtige Ansatz, hier hat nichts zu tun mit tinyMCE. Als Sie schrieb, die Sie unterstützen möchten, mehrere Arten von WYSIWYG-Editoren.

    Mein Vorschlag ist, dass Sie einfach jQuery verwenden Delegaten Ereignisse. Binden Sie die event-handler auf Ihr eigenes dom-element, irgendwo "up-stream" auf dem Dokument. Er ergreift alle click-events auf die Bilder, die verschachtelt sind unten, und dann entsprechend handeln.

    Siehe hier: http://api.jquery.com/on/

    Ich habe diese Methode erfolgreich mehrmals zu binden, klicken Sie auf Ereignisse auf Elemente, die noch nicht existieren (Sie werden eingeführt, um den dom dynamisch durch den Benutzer).

    InformationsquelleAutor Yoni

Schreibe einen Kommentar