1.首先自己写一个编辑器
输入文字；
支持选择表情；
可添加小程序链接；可添加网页链接；并且可以编辑删除；效果如下
2.输入完毕后，点击文本输入框保存，将便携式内容回显，
渲染时，因为是html格式，所以采用dangerouslySetInnerHTML属性来渲染
<div
className="text-left-info"
dangerouslySetInnerHTML={{ __html: msg.text?.content }}
></div>
添加样式，渲染后里面的链接内容都点击没反应，比如说编辑器里的a标签
.text-left-info{
pointer-events: none;
}
以下是关于编辑器的代码部分，需要使用的人请自行下载。
https://download.csdn.net/download/weixin_43517190/88084920
切记package.json中一定要引用相关插件
dependencies引用文章来源：https://www.toymoban.com/news/detail-603256.html
"braft-editor": "^2.3.9",
"braft-utils": "^3.0.12",
devDependencies下引用文章来源地址https://www.toymoban.com/news/detail-603256.html
"@types/draft-js": "^0.11.12",
到了这里，关于React 框架下自己写一个braft编辑器，然后将编辑器内容展示在网页端的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
