svelte slate

СВОВНАЯ СЛАЗА

Инструменты

• сланец
• стройный комплект
• стройные значки

пытается имитировать API React из сланца как можно больше

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

Проблемы просмотра

Использование импорта плагина может привести к тому, что экземпляры измельчения стройной ведьмы могут вызвать ошибки контекста, исключите стройный состат из DEPS здесь

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

Пользовательский рендеринг

Компоненты по умолчанию для элементов, листьев и заполнителей предоставляются, но могут быть легко переопределены, а затем могут использоваться в редактируемом компоненте, как <Editable {Element} {Leaf} />