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} />