editor.js

editorjs.io | 문서 | 변경 내역

에 대한

Editor.js는 사용자가 콘텐츠를 효율적으로 생성하고 형식을 지정하는 데 도움이 되는 다양한 기능을 제공하는 오픈 소스 텍스트 편집기입니다. 여기에는 사용자가 텍스트, 이미지, 목록, 인용문 등과 같은 다양한 유형의 콘텐츠를 쉽게 추가하고 정렬할 수 있는 현대적인 블록 스타일 인터페이스가 있습니다. 각 블록은 별도의 플러그인을 통해 제공되므로 Editor.js는 매우 유연합니다.

Editor.js는 무거운 HTML 마크업 대신 깔끔한 JSON 데이터를 출력합니다. 웹, iOS, Android, AMP, 인스턴트 아티클, 음성 리더, AI 챗봇 등 어디에서나 사용하세요. 논리를 정리하고 확장하고 통합하기 쉽습니다.

• ? 즉시 사용 가능한 최신 UI
• ? JSON 출력 정리
• 잘 설계된 API
• ? 다양한 도구 사용 가능
• ? 무료 및 오픈 소스

설치

매우 간단합니다.

1. Editor.js 설치
2. 필요한 도구 설치
3. Editor 인스턴스 초기화

NPM, Yarn 또는 CDN을 사용하여 설치합니다.

npm i @editorjs/editorjs

도구 선택 및 설치:

• 표제
• 인용하다
• 영상
• 단순 이미지(백엔드 요구 사항 없음)
• 중첩 목록
• 체크리스트
• 링크 삽입
• 삽입(YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter 등)
• 테이블
• 구분 기호
• 경고
• 암호
• 원시 HTML
• 첨부
• 채점자
• 인라인 코드

? 더 많은 도구를 볼 수 있는 멋진 Editor.js 목록입니다.

편집기를 초기화합니다.

 < div id =" editorjs " > </ div > 

 import EditorJS from '@editorjs/editorjs'

const editor = new EditorJS ( {
  tools : {
   // ... your tools
  }
} )

설명서에서 설치 및 구성에 대한 자세한 내용을 참조하세요.

데이터 저장

editor.save() 호출하고 반환된 Promise를 저장된 데이터로 처리합니다.

 const data = await editor . save ( )

예

더 자세한 예제를 보려면 example.html을 살펴보세요.

로드맵

• 통합 도구 모음
  • 블록 곡이 왼쪽으로 이동했습니다.
  • 도구 상자가 수직으로 변합니다.
  • 단일 도구로 여러 도구 상자 버튼을 표시하는 기능
  • 블록 곡이 수직이 됩니다.
  • Block Tunes는 중첩 메뉴를 지원합니다.
  • Block Tunes는 구분 기호를 지원합니다.
  • 블록 곡에 변환 메뉴가 추가되었습니다.
  • 통합 도구 모음은 힌트를 지원합니다
  • 변환 도구 모음은 통합 도구 모음을 사용합니다.
  • 인라인 도구 모음은 통합 도구 모음을 사용합니다.
• 공동 편집
  • 인라인 도구 JSON 형식 구현
  • 운영 관찰자, 집행자, 관리자, 변압기
  • 실행 취소/다시 실행 관리자 구현
  • 도구 API 변경사항 구현
  • 서버 및 통신 구현
  • 새 API에 맞게 기본 도구 업데이트
• 기타 기능
  • 블록 드래그 앤 드롭
  • 새로운 교차 블록 선택
  • 새로운 크로스 블록 캐럿 이동
• 생태계 개선
  • CodeX 아이콘 — 모든 도구와 핵심 아이콘을 통합하는 방법
  • 새로운 홈페이지 및 문서
  • 도구 부트스트래핑을 위한 @editorjs/create-tool
  • Editor.js DevTools — 핵심 및 도구 개발을 의미합니다.
  • Editor.js 디자인 시스템
  • Editor.js 사전 설정 환경
  • Editor.js 툴킷
  • 새로운 코어 번들 시스템
  • 새로운 문서 및 가이드

Editor.js처럼요?

우리 팀에 기부하시면 프로젝트 개선과 새로운 기능 개발을 지원할 수 있습니다.

OpenCollective를 통해 기부
암호화폐를 통해 기부
Patreon을 통해 기부하기

기부하는 이유

오픈 소스 제품에 기부하면 비즈니스에 여러 가지 이점이 있습니다.

• 귀하의 비즈니스가 Editor.js에 의존하고 있다면 아마도 이를 유지하고 싶을 것입니다.
• Editor.js가 발전하고 새로운 기능을 얻는 데 도움이 됩니다.
• 우리는 프로젝트와 관련된 기여자와 커뮤니티를 지원할 수 있습니다. 잘 정리된 문서, 가이드 등을 받게 됩니다.
• 우리는 인프라 비용을 지불하고 공공 리소스(도메인 이름, 홈페이지, 문서 등)를 유지 관리해야 합니다. 이를 지원하면 필요할 때 모든 리소스에 액세스할 수 있습니다.
• 공개 리소스에 브랜드 자산과 언급을 추가하여 광고할 수 있습니다.

후원자

후원자가 되어 우리를 지원하세요. 귀하의 로고가 귀하의 웹사이트 링크와 함께 여기에 표시됩니다.

후원자가 되세요

후원자

모든 후원자분들께 감사드립니다

후원자가 되어 보세요

기여자

이 프로젝트는 기여하는 모든 사람들 덕분에 존재합니다.

특별한 것이 필요하신가요?

기술적인 문제를 해결하고 제품 요구 사항을 충족하려면 CodeX 전문가를 고용하십시오.

• 당신에게 높은 가치를 지닌 문제를 해결하세요
• 비즈니스에 필요한 새로운 기능 구현
• 통합 또는 도구 개발에 대한 도움
• 어떤 상담이라도 해주세요

[email protected]를 통해 문의하고 세부 정보를 공유해 주세요.

지역 사회

• 공식 도구
• 멋진 Editor.js
• 좋은 첫 번째 작업
• 기여
• 텔레그램 채팅

CodeX 소개

CodeX는 글로벌 시장에서 고품질 오픈 소스 제품을 구축하는 데 관심이 있는 전 세계 디지털 전문가로 구성된 팀입니다. 최첨단 기술에 대한 실험을 통해 끊임없이 기술을 향상하고 전문적으로 성장하고 싶은 젊은이들에게 열려 있습니다.

	가입하다	지저귀다	인스타그램
codex.so	codex.so/join	@codex_team	@codex_team