braft-editor

braft-editor -- 富文本编辑器(自定义文件上传和拓展功能)

封装好的组件可以直接适配antd的FormItem元素；需要注意的是获取的结果需要通过toHTML()方法转换成html元素；import{Card}from'antd';importBraftEditorfrom'braft-editor

王布尔·2024-01-06 17:49

使用braft-editor实现简易版即时写文档并预览的富文本编辑器

最近在看各个富文本编辑库的时候，有点好奇，于是对比了一些，有draft-js，Slate.js。但是这些基本都是英文库，简单demo无法满足需求，比如插入截图和表格，这些复杂结构的数据，实现这些，必须自定义扩展，要想做到这些，通读一遍文档基本是必须，且内含的天坑，估计也是数不胜数。市面上做的好的富文本编辑器，基本上各家我都使用了一下，语雀的文档就做的蛮好的，有道云也不错，当然人家是吃这口饭的，就单

Richard Yates Boy·2023-11-25 08:52

reactHooks+TS：富文本braft-editor常见用法

react富文本braft-editor使用阅读文档推荐：https://www.yuque.com/braft-editor/be、https://braft.margox.cn/demos/code-highlighter

不及你笑靥如花·2023-11-25 08:46

Ant Design of React 自定义富文本编辑器

在官方文档的社区精选组件中，就可以找到两个富文本编辑器的组件，本文以及我个人使用的是braft-editor这个组件安装和使用插件的官方地址：https://braft.margox.cn/demos/

故蓝寻·2023-11-25 08:45

React v4官方推荐的富文本编辑器braft-editor使用

gaoxiaofei520sss·2023-11-25 08:10

富文本插件braft-editor

插件名称：braft-editor在antd中的使用注意事项：antd版本需要设置为3.26.14，否则会报错安装braft-editor插件后的示例代码import'braft-editor/dist

九把鱼·2023-10-06 13:28

React使用braft-editor富文本编辑器（实现双向绑定，避开无限循环）

今天在React项目中使用了braft-editor富文本编辑器，发现官方文档只有类组件，没有函数组件的写法。今天分享一个封装好的纯函数组件，以及实现双向绑定，避免无限循环。

名字还没想好☜·2023-08-18 07:24

braft-editor使用

本文的示例代码参考braft-editor目录DvaJSbraft-editor七牛云DvaJScnpmi-gdva-clidva-v#dva-cliversion0.9.2dvanewbraft-editor

诺之林·2023-08-08 07:57

React 富文本编辑器

braft-editor#Installusingyarnyarnaddbraft-editor#Installusingnpmnpminstallbraft-editor--save代码引入：import'braft-editor

Volon·2023-07-25 20:57

项目实践，一文秒懂Braft Editor编辑器扩展自定义Block

为什么要写这个遍文章，因为braft-editor的官方在扩展自定义Block的实现细节和文档提示比较缺乏，而且在BraftEditor编辑器基础上扩展自定义Block需要借助draft-js的功能。

tony_phper·2023-02-04 08:29

npm安装发生版本冲突

像安装braft-editor、react-markdown、react-markdown-editor-lite的时候与react版本发送冲突可在命令行后添加--force执行强制兼容，同时会弹出一些警告

subsistent·2022-12-05 18:42

react中braft-editor的基本使用方式

目录braft-editor的基本使用项目需求使用braft-editor踩坑记,引用braft-utils有错误遇到的问题解决方式braft-editor的基本使用项目需求实现照片上传，富文本为空时的提示

·2022-09-14 15:50

【React工作记录二十九】react中使用的富文本编辑器braft-editor使用

目录前言导语解决思路总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语歌谣歌谣项目中需要使用富文本的编辑器你有什么推荐吗

前端大歌谣·2022-03-19 22:28

富文本生成的htmlstring在展示端进行图片loading预占位的一种实现方案

产品出现的问题:braft-editor生成的htmlstring格式富文本内容，经由react中的dangerouslySetInnerHTML不做处理直接展示时，img的出现会很突兀。

·2021-12-22 11:20

braft-editor富文本编辑器

https://braft.margox.cn/demos/basic官方文档：https://braft.margox.cn/demos/basic配置文档：https://www.yuque.com/braft-editor

家有饿犬和聋猫·2020-11-05 14:14

braft-editor富文本编辑器的使用

1.在线演示：http://margox.github.io/braft-editor/2.安装：yarnaddbraft-editor或npminstallbraft-editor--save3.使用

Lily_miao·2020-09-13 01:38

史上最简单 React（reactHooks）+ braft-editor 扩展表格

衔接上一篇博客进行扩展：点击跳转一、扩展来源详情文档：点击跳转二、引入依赖yarnaddbraft-extensions（推荐使用）或者npminstall--savebraft-extensions三、代码importReact,{useState}from'react'import{Button,Divider,Upload}from'antd'import{EyeOutlined,FileI

皮皮昊·2020-09-12 04:55

史上最简单 React（reactHooks）+ Antd + braft-editor 富文本编辑器

这里就不再搭建react环境了，默认大家都有环境了一、官方文档详情文档:点击跳转二、引入依赖包yarnaddbraft-editor（推荐使用）或者npminstall--savebraft-editor三、代码importReact,{useState}from'react'import{Button,Divider,Upload}from'antd'import{EyeOutlined,Fil

皮皮昊·2020-09-12 04:55

BraftEditor使用总结

如图所示一.安装npminstall--save@types/braft-editor二.使用方法因为是较老的版本，因此很多api在网上已经查找不到了，看了组件的源码，进行简单总结。

一只小鸟er·2020-09-11 15:50

使用antd+braft-editor+braft-extensions创建带有富文本编辑器的表单

braft-editor富文本编辑器最近项目中需要使用富文本编辑器，本身项目是基于react+antd进行开发的，对比常用的富文本编辑器，发现braft-editor和antd的form表单验证更配。

非洲北极熊·2020-07-07 02:31

Braft Editor的使用及API

现已支持在typescript，使用npm或者yarn安装@types/braft-editor即可,墙裂感谢@petitspois提供支持使用braft-convert的同学请将braft-convert

zuggs_·2020-07-06 14:09

react项目中集成 braft-editor富文本编辑

1.首先安装编辑器cnpmibraft-editor--save2.富文本相关全部代码importReactfrom'react'import{Form,Select,InputNumber,Switch,Radio,Slider,Button,Upload,Icon,Rate,Checkbox,Row,Col,Input,DatePicker,Modal,Card,Spin,message}fr

前端小仙女·2020-07-06 05:33

React 富文本编辑 braft-editor

braft-editorbraft-editor的github：https://github.com/margox/braft-editorbraft-editor的文档：https://www.yuque.com/braft-editor

唐宋元明清2188·2020-04-30 12:00

react 富文本编辑器 braft-editor

在做后台管理项目的过程中我们少不了和富文本编辑器打交道，以前的项目采用的是ueditor今天咱们不说ueditor，咱们说一下react用的是：braft-editor1.安装braft-editor#使用yarn安装yarnaddbraft-editor#使用npm安装npminstallbraft-editor--save2.braft-editor的使用//1.组件中引入braft-edit

读书的鱼·2019-06-17 13:36

推荐频道