网站模板设计教程黑龙江新闻头条最新消息

1.首先自己写一个编辑器
输入文字；
支持选择表情；
可添加小程序链接；可添加网页链接；并且可以编辑删除；效果如下

2.输入完毕后，点击文本输入框保存，将便携式内容回显，

渲染时，因为是html格式，所以采用dangerouslySetInnerHTML属性来渲染

<divclassName="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引用

 "braft-editor": "^2.3.9","braft-utils": "^3.0.12",

devDependencies下引用

 "@types/draft-js": "^0.11.12",