svelte slate

Svelte Slate

เครื่องมือ

• กระดานชนวน
• ชุด svelte
• ไอคอน svelte

พยายามเลียนแบบ API React จาก Slate-reacte ให้มากที่สุด

< 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 Witch อาจทำให้เกิดข้อผิดพลาดในบริบทไม่รวม svelte-slate จาก deps ที่นี่

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

การเรนเดอร์แบบกำหนดเอง

ส่วนประกอบเริ่มต้นสำหรับองค์ประกอบ Leafs และตัวยึดสถานที่มีให้ แต่สามารถแทนที่ได้อย่างง่ายดายและสามารถนำไปใช้ในองค์ประกอบที่แก้ไขได้เช่น <Editable {Element} {Leaf} />