Wie benutze ich tinymce mit Bildern auf meiner Webseite wie stackoverflow tut

Question

Ich habe Tinymce in meine Website eingebettet, also wenn Benutzer Inhalt bearbeiten wollen, dann kann man auf einen "EDIT" -Link klicken und es bringt den Inhalt in tinymce editor. Wenn sie auf "Speichern" klicken, speichere ich den HTML-Code in einer Datenbank. Das funktioniert perfekt und vermeidet, dass sie mich anrufen, wenn sie inhaltliche Änderungen benötigen, da sie direkt einsteigen können und beim nächsten Laden der Hauptseite lädt sie ihren geänderten Inhalt.

sie möchten jetzt in der Lage sein, ihre eigenen Bilder hinzuzufügen. Ich sehe dort ist some image support in tinymce as seen here, aber in meinem Fall würden die Bilder auf ihrem Computer sein.

ich suche also für einige Ratschläge, wie Bildträger mit tinymce auf meiner asp.net Mvc Webseite ähnlich, wie Stackoverflow ermöglicht es Ihnen, zu handhaben laden und schließen alle ein Bild in Ihrer Frage in einem Schritt

jede Vorschläge?

Answer 1

Ich hatte ein ähnliches Problem und löste es durch;

Ermöglicht dem Benutzer, Bilder hochzuladen, die ich dann im Dateisystem gespeichert habe.

Sobald das Bild gespeichert wurde, können Sie tinyMCE verwenden, um es zu verknüpfen.

Es ist eine runde Sache, es zu tun, aber es hat funktioniert. Wenn Ihre Bilder auf einem Computer des Benutzers gespeichert sind, dann müssen Sie etwas wie dieses implementieren, da Sie nicht davon ausgehen können, dass Sie mit dem Bild verlinken können und wenn Sie können, können Sie nicht sicher sein, dass der Computer eingeschaltet ist .

Answer 2

Ich denke, Sie müssen hier einen Blick nehmen:

Best TinyMce editor Image Manager/File upload for Asp.net Mvc

es eine Liste der tinyMCE Datei-Browser/uploaders/Manager hat, die mit MVC arbeiten :)

Answer 3

Vielleicht können Sie diese geben TinyMCE-Plugin einen Versuch (die offiziellen Moxiecode Plugins sind ziemlich teuer):

http://www.phpletter.com/Demo/Tinymce-Ajax-File-Manager/

Ich habe es noch nicht getestet, aber es ist ein kostenloses Add-on, das das Hochladen und Auswählen von Dateien ermöglicht.

Answer 4

HTML 5 unterstützt eingebettete Bilder. Sie können Bild in HTML-Code als Base64-Zeichenfolge einbetten. Beispielcode:

<img src="data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQYmmKqVlRtW4MLwWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw==" alt="Base64 encoded image" width="150" height="150"/> 

Es gibt eine TinyMCE-Plugin in Github verfügbar Open Source ist:

https://github.com/buddyexpress/bdesk_photo