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

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

Читайте также: написание веб-контента с помощью Markdown

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

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

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

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

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

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

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

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

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

Читайте также: Топ 10 бесплатных редакторов исходного кода — отзывы

            <script async src="https://triu.ru/wp-content/litespeed/localres/platform.twitter.com/widgets.js" charset="utf-8"></script>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *