slatejsx Download - slatejsx Quellcode Download

slatejsx

Andere Ressourcen

1.0.0

Herunterladen

Einführung

Der gesamte reichhaltige Texteditor wird basierend auf SlateJs entwickelt und unterstützt gemeinsame Funktionen wie reichhaltiger Text, Bilder, Tabellen (unterstützt das Zusammenführen und Aufteilungszellen), Videos, horizontale Linien usw.
Unterstützt benutzerdefinierte Erweiterungskomponenten. Weitere Informationen finden Sie in der offiziellen SlateJS -Dokumentation
Aus dem Schachtel einfach zu bedienen. JSON speichert einen reichen Text. Willkommen bei der Verwendung und Einreichung von Filialen

installieren

npm install slatejsx

Demo Online -Beispiel

http://seditor.open.heyphp.com

Verwendung

 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 ;

Props Parameter Beschreibung

Parameter	Typ	veranschaulichen
Wert	Array	In der offiziellen SlateJS -Dokumentation können Sie die Struktur im Beispiel initialisieren.
aufchange	Funktion	Rückrufe Wenn sich Daten ändern
Plugins	Array	Zusätzliches Plug-In, wenn Sie neue Editor-Funktionen hinzufügen müssen, können Sie es über diesen Parameter übergeben.
Readonly	boolean	Wenn Sie schreibgeschützt sind, gibt es keine Symbolleiste und kann nicht bearbeitet werden
Param	{}	Zusätzliche Parameter, Parameter werden an die Entität von uswsLate () geschrieben.