Визуальный редактор для вашего сайта – Бесплатно и с открытым исходным кодом

У вас есть контент на сайте? Хотели бы редактировать его визуально, без необходимости погружаться в код?

Intlayer Visual Editor – это бесплатный инструмент с открытым исходным кодом, который позволяет редактировать контент вашего веб-приложения прямо в визуальном интерфейсе.

Почему стоит выбрать Intlayer Visual Editor?

• Поддержка нескольких языков – Управляйте контентом на разных языках без сложностей.

• Работает с Markdown – Идеально подходит для статических сайтов и разработчиков.

• Поддержка внешних файлов – Работает с .md, .txt и другими форматами.

• Открытый исходный код и бесплатно – Вы можете модифицировать и расширять его по своему усмотрению.

Попробуйте

Есть вопросы или идеи? GitHub Репозиторий

Как это работает

Визуальный редактор состоит из двух частей:

1. Фронтенд-приложение – Загружает ваш сайт внутри iframe и определяет редактируемый контент.

2. Серверный процесс – Сохраняет изменения в файлах декларации контента (на данный момент в формате 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 в браузере и просто наведите курсор на контент, чтобы его редактировать!