Socket
Socket
Sign inDemoInstall

create-ilf-editor

Package Overview
Dependencies
0
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    create-ilf-editor

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


Version published
Maintainers
1
Install size
648 kB
Created

Readme

Source

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

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

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

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

npm init ilf-editor

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

npm install

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

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

npm run dev

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

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

FAQs

Last updated on 17 Feb 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc