关于富文本,taro官方文档是这样的:
[图片上传中...(图片.png-6ef165-1563178647648-0)
然而本人在实际操作中,没有具体的例子,不会使用。也尝试了微信小程序的wxPrase,但是由于我之前文本内容是从上一级页面传递过来的,然后字符限制,被截取了,然后就放弃了wxPrase,又回过头来弄taro的RichText。
其实是可以的。。。
第一步:导入组件
import { View, Text, RichText } from "@tarojs/components";
第二步:使用,把之前存在全局里的内容取出
import Taro, { Component } from "@tarojs/taro";
import { View, Text, RichText } from "@tarojs/components";
import StateStorage from "../../../utils/stateStorage";
import "./index.scss";
export default class Index extends Component {
config = {
navigationBarTitleText: "动态"
};
render() {
let { title, contentType, time, contentDetail = "" } = StateStorage.state;
contentDetail = contentDetail.replace(
/\<img/gi,
'<img style="display:block; width:98%; margin:0 auto" '
);
return (
<View className='container'>
<View className='title'>{title}</View>
<View className='Typetime'>
<Text className='type'>
{contentType == 2 ? "资讯信息" : "节日祝福"}
</Text>
<Text className='time'>{time}</Text>
</View>
<View className='content'>
<RichText className='text' nodes={contentDetail} />
</View>
</View>
);
}
}