2017-11-16 5 views
0

Zunächst einmal bin ich ein Anfänger in tinymce und darüber hinaus kein Englisch Mutter, so sorry für Fehler;)TinyMCE lokalen Hochladen von Bildern mit mehreren Inline-Editoren

Ich beabsichtige, von mehreren lokalen Bilder (Base64) hochladen Inline tinymce (v.4) Redakteure auf meiner Seite durch Drücken einer Taste und die Funktion, die tinymce Website läuft es:

tinymce.activeEditor.uploadImages(function(success) { 
 
    $.post('ajax/post.php', tinymce.activeEditor.getContent()).done(function() { 
 
    console.log("Uploaded images and posted content as an ajax request."); 
 
    }); 
 
});

Bisher es wery gut funktioniert, aber ich habe noch eine kleine Problem: Es lädt nur Bilder vom "aktiven Editor" (wie im Code angegeben). Wenn ich ein Bild zu einem Editor hinzufügen, als Fokus auf einem anderen auf der Seite, und führen Sie dann die Funktion, nur Uploads aus dem aktuell aktiven Editor, aber nicht mein zuvor hinzugefügt Bild.

Wie erreiche ich, dass es von allen Editoren auf der Seite hochgeladen?

Vielen Dank im Voraus!

Antwort

0

TinyMCE hat bereits einen Weg, um lokale Bilder zu handhaben Einfügen und sie zu Ihrem Server bekommen:

https://www.tinymce.com/docs/advanced/handle-async-image-uploads/

Wenn Sie dies auf jedem Editor konfigurieren, wenn Sie init() der Editor diese Dinge richtig über alles getan Editor-Instanzen.

+0

Das ist, was ich zitiert. Aber wie bekomme ich die Möglichkeit, die neuen Bilder von allen Editoren auf der Seite hochzuladen, nicht nur von der aktiven? – Max

+0

Der Editor wird es automatisch tun richtig, wenn Sie 'images_upload_url' in Ihrer TinyMCE-Konfiguration verwenden. Normalerweise sollten Sie keinen eigenen Upload-Handler schreiben müssen. Der Code, den Sie oben verwiesen wird, tut nichts Besonderes, so würde ich 'images_upload_url' verwenden und stellen Sie sicher, dass es die erwartete JSON zurückgibt. –

+0

danke! Aber was löst dann den Upload aus? Sagen wir 'automatische_uploads = false'. Wenn ich den Button drücke, wie bekomme ich meine Inline-Editoren, um die Bilder hochzuladen, wenn diese Funktion nicht ausgeführt wird? Und wie erhalte ich einen erfolgreichen Rückruf, wenn das Hochladen beendet ist, um das Programm zu bearbeiten? Sorry, ich bin ein wenig verwirrt ... – Max

Verwandte Themen