Как добавить стили в контент TinyMCE и Markdown

Многие писатели предпочитают работает в уценке потому что это более простой язык с меньшими препятствиями для лазания. Конечно, это далеко от совершенства, но предлагает более четкое представление о вашем тексте с легкостью экспорт в HTML.

К сожалению, стандартные стили Markdown обычно довольно скучны. Но с библиотека wysiwyg.css, вы можете иметь яркий документ мгновенно.

Эта бесплатная библиотека CSS преобразует весь ваш основной контент TinyMCE или Markdown в отформатированные, легко читаемые блоки HTML.

Вам не нужно знать какой-либо сложный HTML / CSS, чтобы использовать этот плагин. Просто обернуть сгенерированный контент в div с классом .WYSIWYG, и все готово.

Реальная сложность заключается в создании приложения, которое автоматизирует этот процесс, или добавлении этой библиотеки в бэкэнд для пользовательской панели администратора..

Тем не менее, возможности безграничны, и вы могли бы даже использовать это для местной письменной работы если вы предпочитаете экспортировать свой контент из уценки в HTML.

По умолчанию эта библиотека CSS имеет поддержка всех основных тегов HTML можно себе представить. Это включает в себя все заголовки, списки, ссылки, теги pre / code, рисунки и даже полутенистые теги, такие как а также . Есть Полный список в репозитории GitHub, если вы хотите проверить это.

Если вы определите свои собственные типографские стили, они могут даже переписать настройки по умолчанию в таблице стилей. Таким образом, вы можете получить все преимущества wysiwyg.css смешанный с вашим собственным выбором шрифтов.

Библиотека не может быть проще в настройке. Просто скачать копию локально или же потяните это прямо с помощью npm установить wysiwyg.css

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

Библиотека все еще находится обновляется с частотой, так что вы можете найти последние обновления в основном репозитории GitHub. И если у вас есть предложения или идеи для новых обновлений, не стесняйтесь поделиться с создателем Джереми Томасом на его странице в Твиттере @jgthms.