个人技术总结——uniapp中editor组件的使用并用图床上传图片

目录

• 一、技术概述
• 二、技术详述
  • 2.1 如何使用editor
  • 2.2 如何实现富文本中添加图片
• 三、问题与解决
• 四、总结
• 五、参考文献

---

一、技术概述

• 在web开发时，我们可以使用contenteditable来实现内容编辑。但这是一个dom API，在非H5平台无法使用。于是微信小程序和uni-app的App-vue就提供了editor组件来实现富文本编辑这个功能，并且在uni-app的H5平台也提供了兼容。
• 如今，不管是APP还是小程序，在显示内容时通常都是使用富文本进行显示的，而在对富文本的使用过程中，我们一般情况下是要把图片添加到相应的内容当中，并且这些图片应该上传到服务器上，并在内容中显示，这时候可以用到图床来上传图片，它会返回一个图片的url给你，这时候图片就变成大家都能看到的。
• 而在此次的项目中，是需要用户去发布帖子，帖子的内容可以是文字+图片，