excalidraw

Редактор Excalidraw | Блог | Документация | Экскалидро+

Виртуальная доска с открытым исходным кодом, нарисованная от руки.
Совместная работа и сквозное шифрование.

Создавайте красивые рисунки, например диаграммы, каркасы или что угодно.

Функции

Редактор Excalidraw (пакет npm) поддерживает:

• ? Бесплатно и с открытым исходным кодом.
• ? Бесконечная доска на холсте.
• ✍️ Нарисовано вручную в стиле.
• ? Темный режим.
• Настраиваемый.
• ? Поддержка изображений.
• ? Поддержка библиотек форм.
• ? Поддержка локализации (i18n).
• ?️ Экспорт в PNG, SVG и буфер обмена.
• ? Открытый формат — экспортируйте рисунки в файл .excalidraw json.
• ⚒️ Широкий набор инструментов: прямоугольник, круг, ромб, стрелка, линия, свободное рисование, ластик...
• ➡️ Привязка стрелок и стрелочки с маркировкой.
• ? Отменить/Повторить.
• ? Поддержка масштабирования и панорамирования.

Excalidraw.com

Приложение, размещенное на сайте excalidraw.com, представляет собой минимальную демонстрацию того, что можно создать с помощью Excalidraw. Его исходный код также является частью этого репозитория, а функции приложения:

• ? Поддержка PWA (работает в автономном режиме).
• ? Сотрудничество в режиме реального времени.
• Сквозное шифрование.
• ? Локальная поддержка (автосохранение в браузере).
• ? Ссылки общего доступа (экспортируйте в ссылку, доступную только для чтения, которой вы можете поделиться с другими).

В будущем мы добавим эти функции в качестве дополнительных плагинов для пакета npm.

Быстрый старт

Примечание. Следующие инструкции предназначены для установки пакета Excalidraw npm при интеграции Excalidraw в ваше собственное приложение. Чтобы запустить репозиторий локально для разработки, обратитесь к нашему Руководству по разработке.

 npm install react react-dom @excalidraw/excalidraw

или через пряжу

 yarn add react react-dom @excalidraw/excalidraw

Ознакомьтесь с нашей документацией для получения более подробной информации!

Содействие

• Что-то пропустил или нашел ошибку? Сообщите здесь.
• Хотите внести свой вклад? Ознакомьтесь с нашим руководством по вкладам или сообщите нам об этом в Discord.
• Хотите помочь с переводами? См. руководство по переводу.

Интеграции

• Расширение VScode
• пакет НПМ

Кто интегрирует Excalidraw

Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • и многие другие

Спонсоры и поддержка

Если вам нравится проект, вы можете стать спонсором Open Collective или использовать Excalidraw+.

Спасибо за поддержку Excalidraw

И последнее, но не менее важное: мы благодарны этим компаниям за бесплатное предоставление своих услуг: