Создание простого Markdown-редактора с живым предварительным просмотром

Введение

В этом проекте мы создадим простой веб-редактор Markdown, который предоставляет живую предварительную просмотр HTML при наборе текста. Используя библиотеки, такие как Ace Editor, marked и highlight.js, вы разработаете интуитивный редактор, который не только позволяет писать в формате Markdown, но и сохраняет данные между сессиями браузера и подсвечивает фрагменты кода в предварительном просмотре.

👀 Предварительный просмотр

🎯 Задачи

В этом проекте вы научитесь:

• настраивать HTML-структуру редактора и просмотрщика;
• стилизовать редактор и просмотрщик для приятного пользовательского опыта;
• реализовывать логику инициализации редактора;
• преобразовывать Markdown в HTML и отображать его в просмотрщике;
• синхронизировать прокрутку между редактором и просмотрщиком.

🏆 Достижения

После завершения этого проекта вы сможете:

• разрабатывать веб-редактор Markdown с живым предварительным просмотром HTML;
• использовать библиотеки, такие как Ace Editor, marked и highlight.js, для расширения функциональности редактора;
• реализовывать сохранение данных между сессиями браузера;
• предоставлять подсветку синтаксиса кода в предварительном просмотре Markdown.