У вас есть контент на сайте? Хотели бы редактировать его визуально, без необходимости погружаться в код?
Intlayer Visual Editor – это бесплатный инструмент с открытым исходным кодом, который позволяет редактировать контент вашего веб-приложения прямо в визуальном интерфейсе.
Почему стоит выбрать Intlayer Visual Editor?
-
Поддержка нескольких языков – Управляйте контентом на разных языках без сложностей.
-
Работает с Markdown – Идеально подходит для статических сайтов и разработчиков.
-
Поддержка внешних файлов – Работает с .md, .txt и другими форматами.
-
Открытый исходный код и бесплатно – Вы можете модифицировать и расширять его по своему усмотрению.
Попробуйте: https://intlayer.org/playground
Есть вопросы или идеи? GitHub Репозиторий
Как это работает
Визуальный редактор состоит из двух частей:
-
Фронтенд-приложение – Загружает ваш сайт внутри iframe и определяет редактируемый контент.
-
Серверный процесс – Сохраняет изменения в файлах декларации контента (на данный момент в формате JSON).
Установка и настройка
После настройки Intlayer в вашем проекте установите intlayer-editor:
npm install intlayer-editor --save-dev
Затем настройте файл intlayer.config.ts:
const config = { editor: { applicationURL: "http://localhost:3000", }, }; export default config;
Использование редактора
После установки запустите редактор:
npx intlayer-editor start
Затем откройте http://localhost:8000 в браузере и просто наведите курсор на контент, чтобы его редактировать!
Присоединяйтесь!
Этот проект на 100% открыт! Если хотите внести свой вклад, сообщить о проблемах или предложить новые функции:
GitHub Репозиторий: https://github.com/aymericzip/intlayer
Ждём ваших идей и отзывов! Давайте вместе сделаем редактирование контента проще для разработчиков.
ссылка на оригинал статьи https://habr.com/ru/articles/892428/
Добавить комментарий