create-ilf-editor

Проект редактора для конференции Я ❤️ Фронтэнд

В этом репозитории содержится код, необходимый для мастер-класса «Пишем свой текстовый редактор», где участникам предлагается создать свой текстовый процессор полностью с нуля, без использования каких-либо библиотек. Готовый редактор сможет:

• Форматировать текст (жирный, курсив, моноширинный и т.д.).
• Подсвечивать в реальном времени #хэштэги, @упоминания и ссылки.
• Автоматически заменять текстовые смайлики :) на эмоджи 🙂.
• Единообразно отображать эмоджи на всех платформах, даже если они не поддерживаются самой платформой.

Для начала работы над проектом склонируйте текущий репозиторий либо выполните команду:

npm init ilf-editor

Далее зайдите в папку с проектом и запустите

npm install

---

Весь мастер-класс разбит по шагам, каждому шагу соответствует папка из /refs. В каждом шаге содержится полностью рабочий фрагмент проекта: содержимое папки нужно скопировать в корневую папку проекта и запустить тесты командой npm test.

В папке /refs/final содержится полностью готовый проект. Если его скопировать в корневую папку, можно запустить командой

npm run dev

Это создаст локальный веб-сервер по адресу http://localhost:3100, по которому можно увидеть рабочий редактор.

Этот репозиторий является усечённой версией полноценного редактора сообщений для мессенджера ТамТам.