当前位置:   article > 正文

uniapp-富文本编辑器_uniapp 富文本

uniapp 富文本

功能介绍

  • 支持在多个主流的小程序平台和 uni-app 中使用
  • 支持丰富的标签(包括 tablevideosvg 等)
  • 支持丰富的事件效果(自动预览图片、链接处理等)
  • 支持设置占位图(加载中、出错时、预览时)
  • 支持锚点跳转、长按复制等丰富功能
  • 支持大部分 html 实体
  • 丰富的插件(关键词搜索、内容 编辑 等)
  • 效率高、容错性强且轻量化(≈24.5KB9KB gzipped

uni-app 

  1. 将源码中 dist/uni-app 内的内容拷贝到项目根目录下
    可以直接通过 插件市场 引入

  2. 在需要使用页面的 vue 文件中添加

  1. <template>
  2. <view>
  3. <mp-html :content="html" />
  4. </view>
  5. </template>
  6. <script>
  7. import mpHtml from '@/components/mp-html/mp-html'
  8. export default {
  9. // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
  10. components: {
  11. mpHtml
  12. },
  13. data() {
  14. return {
  15. html: '<div>Hello World!</div>'
  16. }
  17. }
  18. }
  19. </script>

组件属性

  

 组件事件

 api

 

 

 官网

小程序富文本组件

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小惠珠哦/article/detail/974699
推荐阅读