TinyMCE - это веб-редактор HTML WYSIWYG.
Сначала мы начнем с создания нового пустого проекта asp.net mvc:
После создания проекта нам нужно установить TinyMCE.MVC.JQuery из NuGet.
Итак, мы запускаем эту команду в консоли диспетчера пакетов:
Install-Package TinyMCE.MVC.JQuery
Теперь мы собираемся добавить класс в папку нашей модели. Назовем его «Опубликовать», используя следующую логику:
Затем нам нужно добавить новую папку в нашу папку Views / Shared и назвать ее «DisplayTemplates».
- Обратите внимание, что имя папки должно называться именно так.
Теперь добавьте в эту папку новое представление бритвы, назовите его «tinymce_jquery_full.cshtml» и добавьте в него этот фрагмент кода:
Мы почти закончили, теперь просто добавляем контроллер для создания публикации:
Мы закончили, просто обратите внимание, что вам нужно загрузить JQuery поверх вашего файла _layout.cshtml в разделе заголовка, чтобы TinyMCE отображался правильно.
Теперь запустите приложение и перейдите по адресу http: // localhost: xxxx / Posts / Create.
Вы увидите такую страницу:
Чтобы отобразить сохраненное содержимое TinyMCE из базы данных, вам необходимо обработать его данные:
Удачи 💙