svelte slate

벨트 슬레이트

도구

• 슬레이트
• 벨트 키트
• 벨트 아이콘

Slate-React에서 React API를 최대한 많이 모방하려고합니다.

< script lang = " ts " >
	import { Slate , Editable , withSvelte } from ' svelte-slate ' ;
	import { createEditor } from ' slate ' ;

	const editor = withSvelte ( createEditor ());
	let value = [
		{
			children: [{ text: ' This is editable ' }]
		}
	];
</ script >

< Slate { editor } bind:value >
	< Editable placeholder = " Enter some plain text... " />
</ Slate >

vite 문제

플러그인 가져 오기를 사용하면 Svelte 마녀의 뮤티플 인스턴스가 컨텍스트 오류를 일으킬 수 있으며 여기에서 deps에서 svelte-slate를 제외시킬 수 있습니다.

 export default defineConfig ( {
	optimizeDeps : {
		exclude : [ 'svelte-slate' ]
	}
} ) ; 

맞춤형 렌더링

요소, Leafs 및 자리 표시 자의 기본 구성 요소가 제공되지만 쉽게 재정의 할 수 있으며 <Editable {Element} {Leaf} /> 와 같은 편집 가능한 구성 요소에서 사용할 수 있습니다.