솔루션 소개
- 홈
- 솔루션 소개
솔루션 소개
솔루션 > K 웹에디터 > 솔루션 소개
- 쓰는 대로 보이는
WYSIWYG - 웹 접근성
자동 검증 - 8개 언어
화면 지원 - AI 작성
도우미
이런 점이 좋습니다
- 편리한 문서 편집복잡한 HTML 지식 없이도 글꼴, 서식, 표, 이미지를 편리하게 편집해 누구나 보기 좋은 글을 쓸 수 있습니다.
- 높은 컨텐츠 생산성쓰기 편한 에디터로 글 등록이 활발해져 홈페이지의 컨텐츠가 풍성해집니다.
- 사진·파일 업로드이미지를 끌어 놓거나 클릭해 여러 장을 한 번에 올리고, 서버에 안전하게 저장합니다.
- 코드 · HTML 편집HTML 소스 탭에서 직접 수정하고, 코드 블록은 text, HTML, CSS, JavaScript, PHP, SQL, Python, JSON, Bash 중에서 고릅니다.
- 스킨 형태의 디자인홈페이지 디자인에 맞게 에디터의 모양을 바꿀 수 있습니다.
- 확장 · 커스터마이징 용이업로드 방식 교체, 툴바 버튼 추가, 플러그인과 이벤트로 서비스에 맞게 확장합니다.
이런 곳에 활용하세요
- 게시판 · 공지사항게시글과 댓글 작성 화면에 적용해 회원들이 편리하게 글을 쓰도록 합니다.
- 쇼핑몰 상품 설명상품 상세 설명을 사진과 함께 쉽게 꾸며 등록합니다.
- 관리자 · 정보 입력관리자 화면 등 정보를 입력해야 하는 곳에도 에디터를 제공합니다.
도입 환경
- 화면(프런트엔드)WebEditor.js와 WebEditor.css만 불러오면 동작하는 순수 JavaScript 에디터입니다. 별도 프레임워크가 필요 없습니다.
- 서버 연동 기능이미지 업로드, 외부 이미지 가져오기, 링크 카드, AI 작성, 서버 저장은 서버 연동으로 제공됩니다. 로그인한 사용자만 쓰도록 제한할 수 있습니다.
- HTML 정화DOMPurify로 입력된 HTML을 허용 목록 기준으로 정화해 스크립트 삽입을 막습니다.
- 기존 사이트와 연결글쓰기 입력창(textarea)에 적용하고 폼을 제출하면 내용이 자동으로 동기화됩니다.