웹사이트를 위한 비주얼 에디터 – 무료 & 오픈소스!

웹사이트에 콘텐츠가 있나요? 코드 없이 시각적으로 편집할 수 있으면 좋겠다고 생각한 적이 있나요?

Intlayer Visual Editor, 무료 오픈소스 도구로, 웹 앱의 콘텐츠를 직접 비주얼 인터페이스에서 편집할 수 있습니다.

왜 Intlayer Visual Editor인가요?

• 다국어 지원 – 여러 언어로 콘텐츠를 쉽게 관리하세요.

• Markdown 지원 – 정적 사이트 및 개발자에게 최적화!

• 외부 파일 처리 – .md, .txt 등 다양한 파일 형식을 지원합니다.

• 오픈소스 & 무료 – 자유롭게 수정하고 확장할 수 있습니다.

체험해보세요: https://intlayer.org/playground

문제 또는 기능 요청이 있나요? 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 을 열고, 콘텐츠 위에 마우스를 올려 편집하세요! 🎨

함께 만들어요!

이 프로젝트는 100% 오픈소스입니다!
기여하고 싶거나, 문제를 보고하거나, 새로운 기능을 제안하고 싶다면:

GitHub 저장소: https://github.com/aymericzip/intlayer

여러분의 의견과 피드백을 기다립니다! 개발자를 위한 더 쉬운 콘텐츠 편집을 만들어가요!