svelte slate
1.0.0
يحاول تقليد 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 >يمكن أن يؤدي استخدام واردات المكون الإضافي إلى أن مثيلات الساحرة الساحرة يمكن أن تسبب أخطاء في السياق ، واستبعاد Svelte-Slate من DEPS هنا
export default defineConfig ( {
optimizeDeps : {
exclude : [ 'svelte-slate' ]
}
} ) ; يتم توفير المكونات الافتراضية للعناصر والأوراق والعناوين النائبة ولكن يمكن تجاوزها بسهولة ثم يمكن استخدامها في المكون القابل للتحرير مثل <Editable {Element} {Leaf} />