как использовать tinymce с изображениями на моем сайте, как это делает stackoverflow

Question

У меня есть tinymce, встроенный в мой веб-сайт, поэтому, если пользователи хотят редактировать контент, можно нажать на ссылку «РЕДАКТИРОВАТЬ», и она отобразит контент в редакторе tinymce. когда они нажимают «Сохранить», я сохраняю HTML в базу данных. это прекрасно работает, и они не звонят мне, когда им нужны изменения контента, поскольку они могут войти напрямую, и в следующий раз, когда они перезагружают главную страницу, он загружает их измененный контент.

теперь они хотят иметь возможность добавлять свои собственные изображения. Я вижу некоторую поддержку изображений в tinymce, как показано здесь , но в моем случае изображения будут на их компьютере.

Поэтому я ищу несколько советов о том, как работать с поддержкой изображений с помощью tinymce на моем веб-сайте asp.net mvc, аналогично тому, как stackoverflow позволяет загружать и включать изображение в свой вопрос за один шаг

есть предложения?

Answer 1

Я думаю, вам нужно взглянуть здесь:

Лучший редактор TinyMce Image Manager / Загрузка файлов для Asp.net Mvc

У него есть список tinyMCEфайловые браузеры / загрузчики / менеджеры, которые работают с MVC:)

Answer 2

У меня была похожая проблема, и я решил ее;

Разрешение пользователю загружать изображения, которые затем сохраняются в файловой системе.

Как только изображение будет сохранено, вы сможете использовать tinyMCE для ссылки на него.

Это обходной способ сделать это, но это сработало. Если ваши изображения хранятся на компьютере пользователя, вам нужно реализовать что-то вроде этого, как я думаю, поскольку вы не можете предполагать, что можете ссылаться на изображение, и если вы можете, вы не можете быть уверены, что компьютер будет .

Answer 3

HTML 5 поддерживает встроенные изображения.Вы можете встроить изображение в HTML-код в виде строки base64.Пример кода:

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

В github доступен плагин TinyMCE с открытым исходным кодом:

https://github.com/buddyexpress/bdesk_photo

Answer 4

Возможно, вы сможете попробовать этот плагин TinyMCE (официальные плагины Moxiecode довольно дорогие):

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

Я еще не тестировал, но это бесплатное дополнение, позволяющее загружать и выбирать файлы.