vue富文本空格,小程序空格无效

小程序端读不到输入法的半角空格，但是能读取到输入法的全角空格。

半角空格：在打空格的时候输入法调成半角 。"我是半角空 格空 格"。在小程序端显示为"我是半角空 格空 格"。

全角空格：在打空格的时候输入法调成全角。"我是全角空 格空 格"。在小程序端显示为"我是全角空 格空 格"。

设置两行样式就可以啦

<rich-text class="rich-val" :nodes="detail"></rich-text>

rich-val {

    word-break: break-all;

    white-space: pre-line;

}

首先先说下我的思路：

直接从公众号网页复制的话，有些无法显示

然后我试了其他网页，比如今日头条，图文复制都是ok的。锁定是微信平台的权限问题。果然，在百度文库找到文章，微信公众号图文是不允许复制的。

然后我找到一个方法，步骤如下：

1首先手机打开对应的公众号网页链接，点击右上方的

2点击更多打开方式，选择保存腾讯文档

3电脑微信客户端，点击小程序->腾讯文档

4找到刚才保存的文章，全选复制即可

5复制到富文本编辑器

完成~

不冲突，将两个软件的显示位置设置好一般不会冲突

uni-app是一个使用Vuejs(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、

以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。

阿里小程序工具官方内置uni-app（详见(opensnewwindow)），腾讯课堂官方为uni-app录制培训课程（详见(opensnewwindow)），开发者可以放心选择。

uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见(opensnewwindow)）、

更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。

是的，微信小程序中有一些组件可以实现类似表格不带边框的布局。以下是一些常用的组件：

1 view组件：可以用view组件来实现类似表格的布局。可以使用flex布局来控制子元素的排列方式。

2 swiper组件：可以使用swiper组件来实现多列的滑动列表，类似于表格的效果。

3 scroll-view组件：可以使用scroll-view组件来实现滚动列表，也可以通过设置样式来实现类似表格的效果。

4 rich-text组件：可以使用rich-text组件来渲染富文本内容，也可以通过设置样式来实现类似表格的效果。

需要注意的是，以上组件都需要根据实际需求来选择，并进行样式的调整，以达到最终的布局效果。

后台传来的富文本有些并不能被 rich-text 识别以及良好的展现，比如大小问题，我们后台传来的含有很多<u>标签，尽管官方文档显示小程序支持，但实践中并不可以，只好通过方法将其删除，还有<被转义成&lt这些。我们需要将其换成普通字符供 rich-text 识别：

wxml中：

以上就是关于vue富文本空格,小程序空格无效全部的内容，包括:vue富文本空格,小程序空格无效、uniapp微信小程序富文本换行符无效、复制微信公众号图文内容到富文本编辑器等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！