create-ilf-editor v0.0.2
Проект редактора для конференции Я ❤️ Фронтэнд
В этом репозитории содержится код, необходимый для мастер-класса «Пишем свой текстовый редактор», где участникам предлагается создать свой текстовый процессор полностью с нуля, без использования каких-либо библиотек. Готовый редактор сможет:
- Форматировать текст (жирный, курсив,
моноширинный
и т.д.). - Подсвечивать в реальном времени #хэштэги, @упоминания и ссылки.
- Автоматически заменять текстовые смайлики :) на эмоджи 🙂.
- Единообразно отображать эмоджи на всех платформах, даже если они не поддерживаются самой платформой.
Для начала работы над проектом склонируйте текущий репозиторий либо выполните команду:
npm init ilf-editor
Далее зайдите в папку с проектом и запустите
npm install
Весь мастер-класс разбит по шагам, каждому шагу соответствует папка из /refs
. В каждом шаге содержится полностью рабочий фрагмент проекта: содержимое папки нужно скопировать в корневую папку проекта и запустить тесты командой npm test
.
В папке /refs/final
содержится полностью готовый проект. Если его скопировать в корневую папку, можно запустить командой
npm run dev
Это создаст локальный веб-сервер по адресу http://localhost:3100, по которому можно увидеть рабочий редактор.
Этот репозиторий является усечённой версией полноценного редактора сообщений для мессенджера ТамТам.