ดาวน์โหลด slatejsx - ดาวน์โหลดซอร์สโค้ด slatejsx

slatejsx

ทรัพยากรอื่นๆ

1.0.0

ดาวน์โหลด

การแนะนำ

ตัวแก้ไขข้อความที่สมบูรณ์ทั้งหมดได้รับการพัฒนาตาม slateJs และรองรับฟังก์ชั่นทั่วไปอย่างสมบูรณ์เช่นข้อความที่หลากหลายรูปภาพตาราง (รองรับการรวมและแยกเซลล์) วิดีโอเส้นแนวนอน ฯลฯ
รองรับส่วนประกอบส่วนขยายที่กำหนดเองโปรดดูเอกสาร SlateJS อย่างเป็นทางการสำหรับรายละเอียด
ออกจากกล่องใช้งานง่าย JSON เก็บข้อความที่อุดมไปด้วย ยินดีต้อนรับสู่การใช้งานและส่งสาขา

ติดตั้ง

npm install slatejsx

ตัวอย่างตัวอย่างออนไลน์

http://seditor.open.heyphp.com

การใช้งาน

 import SEditor from 'slatejsx' ;
import 'slatejsx/dist/index.css' ;
import { useState } from 'react' ;

const config = [
  {
   "type" : "paragraph" ,
   "title" : "h1" ,
   "children" : [
    {
     "text" : ""
    }
   ]
  }
]

const [ value , setValue ] = useState ( config )

// 上传图片的回调，示例中将图片转为base64写入json，如果需要存到云存储可以改写此方法
const onUploadImage = ( file , callback ) => {
  const reader = new FileReader ( ) ;
  reader . addEventListener ( 'load' , ( ) => {
      const url = reader . result ;
      callback ( url )
  } ) ;

  reader . readAsDataURL ( file ) ;
}

function App ( ) {
  return (
    < SEditor
      value = { value }
      plugins = { [ ] }
      readOnly = { false }
      param = { { onUploadImage } }
      onChange = { v => setValue ( v ) }
    />
  ) ;
}

export default App ;

คำอธิบายพารามิเตอร์อุปกรณ์ประกอบฉาก

พารามิเตอร์	พิมพ์	อธิบาย
ค่า	อาร์เรย์	อ้างถึงเอกสาร SlateJS อย่างเป็นทางการคุณสามารถเริ่มต้นโครงสร้างในตัวอย่าง
การเปลี่ยน	การทำงาน	การโทรกลับเมื่อข้อมูลเปลี่ยนแปลงโปรดดูตัวอย่างข้างต้น
ปลั๊กอิน	อาร์เรย์	ปลั๊กอินเพิ่มเติมหากคุณต้องการเพิ่มฟังก์ชั่นตัวแก้ไขใหม่คุณสามารถส่งผ่านผ่านพารามิเตอร์นี้
อย่างอ่านอย่างเดียว	บูลีน	อ่านอย่างเดียวถ้าเป็นจริงไม่มีแถบเครื่องมือและไม่สามารถแก้ไขได้
พารามิเตอร์	-	พารามิเตอร์เพิ่มเติมพารามิเตอร์จะถูกเขียนไปยังเอนทิตีของ Usidlete ()