2017-02-25 12 views
1

Ich benutze TinyMCE als Rich-Text-Editor und wenn ich auf Bild/Video-Schaltflächen klicke, möchte ich es auf Server hochladen, der Laravel ist. Alle Online-Anleitungen werden mit einem Dateimanager angezeigt, ich möchte jedoch keinen Dateimanager dazwischen verwenden. Ich möchte, dass der Benutzer das Bild direkt hochlädt (mit Ajax?) Und dass das Bild im Editor ohne Seitenaktualisierung importiert wird.TinyMCE Image Upload mit Laravel, ohne Dateimanager

Ich habe verwirrt, wo ich anfangen soll. Gibt es eine Möglichkeit, das Bild direkt hochzuladen, sodass der Benutzer das Bild/Video sofort im Editor verwenden kann? Wenn ja, wie kann man das erreichen?

Antwort

0

Kasse justboilme auf justboil.me, das ist das Beste, was ich für die Aufnahme von Bildern in tinymce weiß

+0

initialisiert haben Können Sie bitte Ihre Antwort erweitern, wie ich es mit Laravel und Ajax verwenden kann? – senty

+0

Download nur kochen mich und folgen Sie den Installationsanweisungen, d. H. Sie kopieren den Ordner justboilme zu js/tinymce/plugins. Ihr justboilme-Ordner wird also jbimages sein, das in Ihrem Plugin-Array in der Initialisierung Ihres tinymce-Plugins, jbimages hinzufügen und es ebenfalls zur Toolbar hinzufügen, dann müssen Sie die config.php in Ihrem jbimages-Ordner bearbeiten, um den Ordner wo zu ändern Es lädt Bilder nach. Um mit Ajax einzureichen, kümmern Sie sich nicht um die Vorlage des Bildes, jbimages tut das, was Sie tun müssen, ist den Inhalt des Tinymce durch Ajax einzureichen –

0

Verwendung tinyMCE.get('editor1').getContent(); den Inhalt des tinymce Plugin könnte So Ihr Skript so etwas wie diese zu bekommen Wo editor1 ist Die ID Ihres Textbereiches, wo Sie tinymce auf

<script> 
    var tinymce_content = tinyMCE.get('editor1').getContent() 
    $.post('your_post_url', 
    { 
     content: tinymce_content 
    }, 
    function(data) 
    { 
     //what to do when request is complete 
    }) 
</script>