$yarn add slate-react Try in RunKit·Browse Files Popularity GitHub stargazers 0 Downloads last 30 days 4.1m jsDelivr last 30 days 7.51k Dependents 0 Usage Dependencies @juggle/resize-observer,direction,is-hotkey,is-plain-object,lodash,scroll-into-view-if-needed,tiny-invariant ...
npm install slate slate-react ``` 安装完成后,我们就可以开始使用slate-react插件了。 3. 核心概念和 API 在开始使用slate-react插件之前,我们需要了解一些核心概念和API。 a) Editor Editor是slate-react插件的核心组件,它承载了编辑器的所有功能。我们可以通过使用Editor组件来创建一个富文本编辑器,并将其集成到...
indreklasn/slate-react-rich-text-editor Star77 Let’s build a customizable rich text editor with Slate and React reactnodejsjavascriptslateslate-react UpdatedJan 4, 2023 JavaScript mwood23/slate-test-utils Star58 Code Issues Pull requests
richtext slate text wysiwyg wysiwymPackage Sidebar Install npm i @kookapp/slate-react Repository github.com/ianstormtaylor/slate Homepage github.com/ianstormtaylor/slate#readme Weekly Downloads 11 Version 0.98.4 License MIT Unpacked Size 1.19 MB Total Files 82 Issues 658 Pull Requests 31 Last pub...
Tools for building completely customizable richtext editors with React.. Latest version: 0.112.1, last published: 2 months ago. Start using slate-react in your project by running `npm i slate-react`. There are 959 other projects in the npm registry using
import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import StoryEditor from "./StoryEditor" import {DragPreviewBlock} from "slate-react-dnd-plugin" import {DragDropContainer} from "slate-react-dnd-plugin" import {DropBlock} from "slate-react-...
slate-react视图层。负责和前端框架React的对接,渲染富文本内容及用户交互的处理。正是由于这种良好的架构,使得开发者除了可以选择直接使用官方的slate-react作为视图层,还可以在不同的前端框架下实现自己的视图层,slate-angular就是一个非常优秀的例子。 至于slate-history包,则是用于为编辑器提供撤销回退操作(undo/redo...
npm install --save slate slate-react immutable slate-plain-serializer Import the Editor component import { Editor } from 'slate-react' And render the Editor in our App component. function App() { return <Editor /> } That’ll give
最近我花了点时间,把之前使用旧版的slate框架积累的一些经验整理了下,开源一个基于slate框架的react技术栈的高扩展性的富文本编辑器。 它的高扩展性主要在于: 支持自定义工具栏; 支持自定义节点渲染 ; 简要demo 如下 import * as React from "react"; ...
这里上下文大概就是:在slate-react中我们需要监听beforeinput事件,但是它并不是所有浏览器都支持,故在slate-react中会进行两个步,一个是处理支持是的逻辑onDOMBeforeInput, 一个是处理非支持情况传送门。但是在slate-react不管是否支持,都是监听了beforeInput,其原因在于react在dom元素上对beforeInput事件做了兼容,好,我们...