Unduh slatejsx - Unduh Kode Sumber slatejsx

slatejsx

Sumber daya lainnya

1.0.0

Unduh

Perkenalan

Seluruh editor teks kaya dikembangkan berdasarkan batu tulis dan sepenuhnya mendukung fungsi -fungsi umum seperti teks kaya, gambar, tabel (mendukung sel penggabungan dan pemisahan), video, garis horizontal, dll.
Mendukung Komponen Ekstensi Kustom, silakan merujuk ke dokumentasi SlateJs resmi untuk detailnya
Di luar kotak, mudah dioperasikan. JSON menyimpan teks kaya. Selamat datang untuk menggunakan, menyukai, dan mengirimkan cabang

memasang

npm install slatejsx

Contoh Demo Online

http://seditor.open.heyphp.com

penggunaan

 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 ;

Deskripsi Parameter Props

parameter	jenis	menjelaskan
nilai	array	Lihat dokumentasi Slatejs resmi, Anda dapat menginisialisasi struktur dalam contoh.
Onchange	fungsi	Callbacks saat data berubah, silakan merujuk ke contoh di atas
plugin	array	Plug-in tambahan, jika Anda perlu menambahkan fungsi editor baru, Anda dapat meneruskannya melalui parameter ini.
readonly	Boolean	Hanya baca, jika benar, tidak ada toolbar dan tidak dapat diedit
param	{}	Parameter tambahan, parameter akan ditulis ke entitas UsageLate ()