Як додати стилі до вмісту TinyMCE & Markdown

Багато письменників воліють працює в Markdown тому що це простіша мова з меншими перешкодами, щоб піднятися. Зрозуміло, що це далеко не досконало, але він пропонує більш чистий вигляд вашого тексту з легкістю експортувати в HTML.

На жаль, типові зауваження за замовчуванням зазвичай дуже нудні. Але з бібліотека wysiwyg.css, ти можеш мати яскравий документ моментально.

Ця безкоштовна бібліотека CSS перетворює весь основний вміст TinyMCE або Markdown відформатованих, простих для читання блоків HTML.

Вам не потрібно знати складний HTML / CSS, щоб використовувати цей плагін. Просто обгортання створеного вмісту в div з класом .wysiwyg, і ви все готові.

Справжньою складністю є створення програми, яка дозволить автоматизувати цей процес, або додавання цієї бібліотеки на серверну панель користувача.

Проте можливості нескінченні, і ви навіть можете використовувати це для місцевої письмової роботи якщо ви бажаєте експортувати вміст від Markdown до HTML.

Типово, ця бібліотека CSS має підтримка кожного основного тега HTML можна собі уявити. Це включає в себе всі заголовки, списки, посилання, попередні / кодові теги, цифри і навіть напівневиразні теги і . Є Повний список у репо GitHub, якщо ви хочете перевірити це.

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

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

Звідти ви просто включити файл CSS у голові документа і дайте йому запустити. Це буде націлено лише на вміст всередині контейнера з класом .wysiwyg, тому цей клас повинен обернути будь-який потрібний контейнер.

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