K 웹에디터
쓰는 대로 보이는
편리한 웹에디터 솔루션
K 웹에디터는 게시글, 공지사항, 상품 상세 설명 등 홈페이지의 다양한 글을 누구나 쉽게 작성하고 꾸밀 수 있도록 돕는 웹에디터 솔루션입니다. 편리한 문서 편집과 사진·파일 첨부로 높은 컨텐츠 생산성을 확보할 수 있습니다.
- 쉬운
문서 편집
- 사진·파일
업로드
- 웹 접근성
검증 도구
- 8개 언어
화면 지원
이런 점이 좋습니다
- 편리한 문서 편집복잡한 HTML 지식 없이도 글꼴, 서식 등 편리한 편집 기능으로 누구나 쉽게 글을 작성하고 꾸밀 수 있습니다.
- 높은 컨텐츠 생산성쓰기 편한 에디터로 글 등록이 활발해져 홈페이지의 컨텐츠가 풍성해집니다.
- 사진·파일 업로드에디터에서 제공하는 사진 업로드 기능으로 사진 및 파일을 편리하게 올리고 본문에 넣을 수 있습니다.
- 각종 정보 첨부게시물에 필요한 각종 정보를 첨부해 더 알찬 글을 만들 수 있습니다.
- 스킨 형태의 디자인스킨 형태로 구성되어 있어 홈페이지 디자인에 맞게 에디터 모양을 바꿔 사용할 수 있습니다.
- 확장 및 커스터마이징 용이자체 웹 솔루션을 보유하고 있어 클라이언트의 요구에 맞는 맞춤형 서비스로 확장할 수 있습니다.
기본 편집 기능
이런 곳에 활용하세요
- 게시판 · 공지사항게시글과 댓글 작성 화면에 적용해 회원들이 편리하게 글을 등록할 수 있습니다.
- 쇼핑몰 상품 설명상품 상세 설명을 사진과 함께 쉽게 꾸며 등록할 수 있습니다.
- 관리자 · 정보 입력관리자 화면 등 정보를 입력해야 하는 곳에도 에디터를 제공할 수 있습니다.
잘 쓴 글은 검색에서 만나야 합니다웹에디터로 만든 컨텐츠를 고객이 검색하는 순간 검색결과 상단에 보이는 키워드 광고로 알려 보세요.
키워드 광고 안내
도입 환경
- 화면(프런트엔드)WebEditor.js와 WebEditor.css만 불러오면 동작하는 순수 JavaScript 에디터입니다. 별도의 프레임워크가 필요하지 않습니다.
- 서버 연동 기능이미지 업로드, 외부 이미지 가져오기, 링크 카드, AI 작성, 서버 저장, PDF 저장은 Node.js 20 이상의 API 서버와 연동해 사용합니다.
- HTML 정화DOMPurify를 사용해 입력된 HTML을 허용 목록 기준으로 정화합니다.
- 기존 사이트와 연결글쓰기 입력창(textarea)에 적용하고 폼 제출 시 내용이 자동 동기화되어, 사용 중인 게시판에 맞춰 연결할 수 있습니다.
K 웹에디터 특징
- 풍부한 편집 기능서식, 이미지, 동영상, 표, 인용구, 코드 블록, 체크리스트, 목차 등 글쓰기에 필요한 도구를 갖추고 있습니다. 본문에서 "/"를 입력하면 블록 메뉴가 열립니다.
- 웹 접근성 검증대체 텍스트, 제목, 링크, 표, 명도 대비를 점검하고 해당 위치로 바로 이동해 고칠 수 있습니다.
- 8개 언어 화면 지원한국어, English, 日本語, 中文(简体), 中文(繁體), Tiếng Việt, Bahasa Indonesia, Français 화면을 지원합니다.
- 자동저장과 글자 수 표시작성 중인 내용을 자동저장해 복원할 수 있고, 글자 수·공백 제외 글자 수·단어 수를 실시간으로 보여줍니다.
- 확장 및 커스터마이징 용이업로드 방식 교체, 툴바 버튼 추가, 플러그인과 이벤트 훅으로 서비스에 맞게 확장할 수 있습니다.
- AI 작성 도우미서버의 AI 연동을 통해 글 작성을 도와줍니다. 로그인한 사용자만 사용할 수 있습니다.
도입 문의하기