Скачать 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, вы можете инициализировать структуру в примере.
Онхандж	функция	Обратные вызовы При изменении данных, пожалуйста, обратитесь к вышеуказанному примеру
плагины	множество	Дополнительный плагин, если вам нужно добавить новые функции редактора, вы можете передать его через этот параметр.
Ридонли	логический	Только для чтения, если это правда, панели инструментов нет и не может быть отредактировано
парамет	{}	Дополнительные параметры, параметры будут записаны в сущность usinglate ()