strapi plugin react editorjs

? strapi + ✒️ 편집자 JS

켈 이것은이 플러그인의 Strapi v4 버전입니다! V3와 함께 사용하려면 릴리스 v.1.5.1을 사용하십시오.

? 그게 뭐야?

이것은 표준 wysiwyg 편집기를 Cool Editor.js 및 모든 호환 애드온으로 대체하는 Strapi 헤드리스 CMS 용 플러그인입니다.

? 지원 공식 애드온

• 단락 도구 (기본값)
• 포함 도구
• 테이블 도구
• 목록 도구
• 경고 도구
• 코드 도구
• 링크 도구
• 이미지 도구
• 원시 HTML 도구
• 제목 도구
• 견적 도구
• 마커 도구
• 점검표 도구
• 구분기 도구
• 인라인 코드 도구
• 성격 도구
• 도구를 첨부합니다

플러그인이로드 될 때 위의 모든 추가 기능 (추가 된 경우)이 처음에 작동합니다. 아래 지침을 사용하여 응용 프로그램에서 사용 가능한 애드온을 사용자 정의 할 수도 있습니다.

?? 시작하기

yarn add strapi-plugin-react-editorjs
# or
npm install strapi-plugin-react-editorjs

Strapi가 링크 도구 썸네일을 올바르게 표시하려면 ./config/middlewares.js의 'strapi :: security'라인을 편집해야합니다. 해당 라인을 다음으로 변경하십시오 (자신의 위험에 따라이를 수행하십시오).

 module . exports = [
  // ...
  {
    name : 'strapi::security' ,
    config : {
      contentSecurityPolicy : {
        directives : {
          'img-src' : [ '*' ] ,
        } ,
      }
    } ,
  } ,
  // ...
] ; 

이 플러그인을 확장/개발하는 방법 (선택 사항)

편집기의 모양을 변경하거나 EditorJS 플러그인을 추가/제거하려면 다음을 수행해야합니다.

1. 이 플러그인이 이미 Yarn 또는 NPM을 통해 설치된 경우 제거를 해제하십시오.

yarn remove strapi-plugin-react-editorjs
# or
npm uninstall strapi-plugin-react-editorjs

2. ./src/plugins 폴더로 이동하여 (존재하지 않으면 작성) 프로젝트를 복제하십시오.

 # If you wish to clone the Master Branch
git clone https://github.com/melishev/strapi-plugin-react-editorjs.git
# If you wish to clone the Beta Branch
git clone --single-branch --branch beta https://github.com/melishev/strapi-plugin-react-editorjs.git

3. 플러그인으로 이동하여 종속성을 설치하십시오.
   • cd strapi-plugin-react-editorjs
   • yarn install 또는 npm install
4. 편집기에서 다음 코드를 기본 strapi v4 ./config/plugins.js 파일에 추가합니다 (존재하지 않으면 파일 생성)

 module . exports = ( { env } ) => ( {
  // ...
  'editorjs' : {
    enabled : true ,
    resolve : './src/plugins/strapi-plugin-react-editorjs'
  } ,
  // ...
} )

5. editorjs 플러그인을 변경하려면 ./src/plugins/strapi-plugin-react-editorjs/admin/src/config/customTools.js 파일을 편집하십시오.
   • 참고 : 이미지 도구 추가 기능은 Strapi에서 작동하기 위해 고도로 사용자 정의되었으며 customTools.js 파일에서 편집 할 수 없습니다. 더 발전 시키려면 더욱 발전하려면 훨씬 더 진보 된 지식과 테스트가 필요합니다.
6. 설치 후 및 플러그인을 변경 한 후 Strapi를 재구성하십시오.

yarn build
# or
npm run build

애드온은 strapi로 구성되어 있으며 구성을 변경할 때주의하십시오.

??인? 개발

1. 성격 도구
2. 도구를 첨부합니다
3. 전체 화면 모드

️ 지원을 보여주십시오

이 프로젝트가 도움이된다면 별을 줘.