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 из базы данных, вам необходимо обработать его данные:

Удачи 💙