svelte slate

Svelte Slate

Outils

• ardoise
• kit svelte
• icônes svelte

essaie d'imiter l'API REACT de Slate-React autant que possible

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

Problèmes

L'utilisation des importations de plugins peut entraîner des instances mutiles de Svelte Witch peut provoquer des erreurs de contexte, exclure Svelte-Slate de Deps ici

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

Rendu personnalisé

Des composants par défaut pour les éléments, les feuilles et les espaces réservés sont fournis mais peuvent facilement être remplacés et peuvent ensuite être utilisés dans le composant modifiable comme <Editable {Element} {Leaf} />