В мире программистов, если вы привыкли использовать Git, то написание статей неизбежно будет происходить в формате Markdown.
Недавно я снова начал работать с публичными аккаунтами в WeChat и больше всего меня раздражал их редактор. Его эффективность была очень низкой. Хотя сейчас WeChat предлагает функции шаблонов, для программистов, которые предпочитают публиковать контент на нескольких платформах, поддерживать несколько версий контента слишком дорого.
Я изучил основные редакторы на рынке:
Вывод: ни один из них не соответствует моим требованиям.
Эти редакторы больше ориентированы на продвижение и имеют слишком яркий дизайн. Лучшие шаблоны в основном платные, поэтому я решил отказаться от них.
После небольшого поиска в Google я обнаружил, что редактор WeChat позволяет напрямую копировать блоки HTML-кода, что даёт нам больше возможностей.
Поскольку стандартные методы не удовлетворяли мои потребности, я изменил свой подход: «Продолжайте писать в Markdown, а затем используйте конвертер».
Я начал искать ключевые слова: «React markdown компонент».
Во время поиска я случайно наткнулся на markdown-nice (https://github.com/zhning12/markdown-nice):
Описание
Поддерживает настраиваемые стили для редактора Markdown
Поддерживает форматирование для публичных аккаунтов WeChat
Поддерживает ряд платформ, таких как Zhihu, Xitu, Blog Garden и CSDN
Сохранение содержимого и пользовательских стилей в браузере в реальном времени
Возможность загрузки пользовательских тем в инструменте
Поддержка загрузки изображений, сносок и формул
Он выглядит очень лаконичным благодаря использованию antd, но также довольно громоздким, но это приемлемо.
Изучив предоставленные автором темы, я обнаружил различия в их эстетике, и мне они не понравились. Поэтому я создал форк и начал вносить масштабные изменения:
Добавлена тема CDK8S
Настройкой по умолчанию стала тема CDK8S
Настройка по умолчанию использует цветовую схему atomOneLight
Добавлен переключатель IS_STYLE_READ_CACHE_OPEN для чтения настроек по умолчанию из localstorage
Изменён интерфейс загрузки фотогалереи на использование API частного сервиса
Убрана всплывающая подсказка при первой загрузке о наличии обновлений
Так как ключевое слово CDK8S уникально, другие могут использовать мой подход и настроить его под свои нужды.
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.