svelte slate

Svelte Slate

工具

• 石板
• Svelte套件
• 苗條的圖標

盡可能地模仿板岩反應的反應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-Slate

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

自定義渲染

提供了用於元素，葉子和占位符的默認組件，但可以輕鬆覆蓋，然後可以在可編輯的組件中使用，例如<Editable {Element} {Leaf} />