微信小程序富文本长按复制粘贴

小程序里面想要长按可以复制的话，得用text组件，但是text不能转换富文本内容。要转换富文本内容，得用rich-text组件，但是rich-text又不支持复制

我也是苦恼了好久，就用了一个蠢办法，把后台传的富文本用正则转成了普通文本，然后再用text组件，实在没办法了，具体代码如下

先写一个转换的js方法

getSimpleText(html) {var re1 = /<(\/)?[^>].*?>/g; var msg = html.replace(re1, ''); msg = msg.replace(/&nbsp;/ig, "");return msg;
}

调用即可

const newHtml =  getSimpleText(富文本地址)

然后我们的text组件

<text user-select="true">{{newHtml}}
</text>

如果有啥其他好办法，请教一下我…这办法我感觉太…

微信小程序富文本长按复制粘贴相关推荐

微信小程序富文本解析
微信小程序富文本解析 *人狠话不多,直接代码搞起* html代码(后台返回的html代码) <p>这是一段文字</p><p><strong>这是加粗的字 ...
微信小程序富文本编辑器获取内容
1.新建wxParse文件夹里面的结构是这样:wxParse :{ emojis (文件夹) html2json.js (文件) htmlparser.js(文件) showdown.js (文件) ...
微信小程序富文本处理
微信小程序富文本处理 wxml页面代码: <rich-text nodes ="{{content.content}}"></rich-text> ts代码 ...
微信小程序富文本渲染(rich-text)换行失效
微信小程序富文本渲染(rich-text)换行失效给rich-text标签加css 样式 white-space: pre;
微信小程序富文本编辑器组件 editor
微信小程序富文本编辑器组件 editor <view class="container"><view class="titlebox"> ...
微信小程序富文本组件使用
能够使用微信小程序提供的富文本组件及引入的第三方富文本组件掌握使用微信小程序的表单组件掌握使用微信小程序的form表单及如何提交数据掌握使用微信小程序的导航及跳转组件一.基础内容组件 1.1 ...
微信小程序富文本编辑器editor初体验-图片上传
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 以前没有小程序富文本编辑器,只能输入文字,图片上传后,在服 ...
微信小程序富文本修改图片的大小
一.先言有时后端直接返回的富文本内容,前端展示的时候会出现图片太大或太小,所以需要处理一下,,,实现并不难,主要是利用replace方法全局替换图片img标签的style样式,修改其宽度样式. 二. ...
微信小程序富文本插件mp-html
使用场景: 为了解决uni-app中"rich-text"富文本标签不支持"微信小程序" : 1.文字长按选中,复制等 2.富文本中的图片可点击预览 3.不能 ...

微信小程序富文本长按复制粘贴

微信小程序富文本长按复制粘贴相关推荐

最新文章

热门文章