directus extension tiptap

Directus의 발끝

이것은 Tiptap 편집기를 풍부한 텍스트 필드 유형으로 제공하는 Directus Extension입니다.

Starterkit Tiptap 번들은 이미 포함되어 있으며 다른 발끝 확장은 Directus 인터페이스 옵션에서 사용할 수 있습니다.

• NPM 패키지 : @bicou/directus-extension-tiptap
• 릴리스 노트

요구 사항

이 연장은 Directus 9 이상을 설치해야합니다.

설치

Directus 프로젝트에 @bicou/directus-extension-tiptap 종속성을 추가하십시오.

 # Using pnpm
pnpm add @bicou/directus-extension-tiptap
# Using yarn
yarn add @bicou/directus-extension-tiptap
# Using npm
npm install @bicou/directus-extension-tiptap

용법

필드

Directus에서 필드를 만들 때 발끝을 선택하십시오.

유형을 선택하면 콘텐츠를 JSON 개체 또는 좋은 오래된 HTML 문자열로 저장할 수 있습니다.

• JSON : ProSemirror 노드의 JSON 대상
• 텍스트 : HTML 컨텐츠로 문자열입니다

편집자

컨텐츠 항목을 편집 할 때 Tiptap Wysiwg 편집기가 나타납니다.

현장 데이터 및 디스플레이

기본적으로 데이터는 RAW JSON으로 표시됩니다.

필드를 편집하여 발끝을 디스플레이로 선택하십시오 ...

... 컨텐츠 탐색에서 필드의 텍스트를 렌더링하려면 :

특허

이 연장은 MIT 라이센스에 따라 릴리스됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.