NervJS / taro

开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
https://docs.taro.zone/
Other
35.66k stars 4.8k forks source link

RichText组件,渲染富文本的问题 #3771

Closed 1391020381 closed 2 years ago

1391020381 commented 5 years ago
  1. RichText组件,问题说支持html string。但是使用后发现不能显示内容。
  2. 希望支持富文本 ,看到 支持 wxParse https://github.com/NervJS/taro-components-test/blob/master/src/pages/wxParse/wxParse.js
  3. 我的问题是,在支付宝端要展示富文本需要怎么做? 支付宝文档(https://docs.alipay.com/mini/component/rich-text) 提到的 mini-html-parser 依然编译就报错。
taro-bot[bot] commented 5 years ago

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

1391020381 commented 5 years ago

使用支付宝的 mini-html-parser 报如下错误 https://github.com/ant-mini-program/mini-html-parser/issues/1

ranlix commented 5 years ago

我这边也是传入的nodes值为html字符串,但是确实也是没有渲染出来

hao-li commented 5 years ago
yarn build:alipay
(node:31409) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, open 'events'
    at Object.openSync (fs.js:448:3)
    at Object.readFileSync (fs.js:348:35)
    at /usr/local/lib/node_modules/@tarojs/cli/dist/util/resolve_npm_files.js:267:30
    at Generator.next (<anonymous>)
    at /usr/local/lib/node_modules/@tarojs/cli/dist/util/resolve_npm_files.js:7:71
    at new Promise (<anonymous>)
    at __awaiter (/usr/local/lib/node_modules/@tarojs/cli/dist/util/resolve_npm_files.js:3:12)
    at recursiveRequire (/usr/local/lib/node_modules/@tarojs/cli/dist/util/resolve_npm_files.js:266:12)
    at resolveNpmFilesPath (/usr/local/lib/node_modules/@tarojs/cli/dist/util/resolve_npm_files.js:55:9)
    at analyzeImportUrl (/usr/local/lib/node_modules/@tarojs/cli/dist/util/resolve_npm_files.js:87:29)
(node:31409) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:31409) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
👽 Taro v1.3.15

  Taro CLI 1.3.15 environment info:
    System:
      OS: macOS 10.14.5
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 11.10.0 - /usr/local/bin/node
      Yarn: 1.17.3 - /usr/local/bin/yarn
      npm: 6.9.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/components: 1.3.15 => 1.3.15
      @tarojs/components-qa: 1.3.15 => 1.3.15
      @tarojs/plugin-babel: 1.3.15 => 1.3.15
      @tarojs/plugin-csso: 1.3.15 => 1.3.15
      @tarojs/plugin-sass: 1.3.15 => 1.3.15
      @tarojs/plugin-uglifyjs: 1.3.15 => 1.3.15
      @tarojs/router: 1.3.15 => 1.3.15
      @tarojs/taro: 1.3.15 => 1.3.15
      @tarojs/taro-alipay: 1.3.15 => 1.3.15
      @tarojs/taro-h5: 1.3.15 => 1.3.15
      @tarojs/taro-qq: 1.3.15 => 1.3.15
      @tarojs/taro-quickapp: 1.3.15 => 1.3.15
      @tarojs/taro-swan: 1.3.15 => 1.3.15
      @tarojs/taro-tt: 1.3.15 => 1.3.15
      @tarojs/taro-weapp: 1.3.15 => 1.3.15
      @tarojs/webpack-runner: 1.3.15 => 1.3.15
      eslint-config-taro: 1.3.15 => 1.3.15
      eslint-plugin-taro: 1.3.15 => 1.3.15
      nerv-devtools: ^1.4.4 => 1.4.4
      nervjs: ^1.4.4 => 1.4.4
      stylelint-config-taro-rn: 1.3.15 => 1.3.15
      stylelint-taro-rn: 1.3.15 => 1.3.15
cherishing commented 4 years ago

const aa = 管理<font color="red" size="30">会</font>的根本区别是( );

结果 font color并没有在百度小程序中渲染出来,web中是正常渲染的,这是什么原因呢

astudentat commented 2 years ago

19年的问题了,现在还没发在支付宝小程序使用RichText。有没有人关注一下~

HeyShinner commented 2 years ago

19年的问题了,现在还没发在支付宝小程序使用RichText。有没有人关注一下~

你是页面报错还是页面空白

astudentat commented 2 years ago

19年的问题了,现在还没发在支付宝小程序使用RichText。有没有人关注一下~

你是页面报错还是页面空白

空白,空白是没有用mini-html-parser。用了之后就能成功显示了

HeyShinner commented 2 years ago

19年的问题了,现在还没发在支付宝小程序使用RichText。有没有人关注一下~

你是页面报错还是页面空白

空白,空白是没有用mini-html-parser。用了之后就能成功显示了

方便看一下怎么使用的吗?我看我的写法没问题,已经定位是这个组件的问题了,return null 就不报错

astudentat commented 2 years ago

js部分 nodes是 const [nodes,setNodes] = useState([])

image

组件部分

image
astudentat commented 2 years ago

19年的问题了,现在还没发在支付宝小程序使用RichText。有没有人关注一下~

你是页面报错还是页面空白

空白,空白是没有用mini-html-parser。用了之后就能成功显示了

方便看一下怎么使用的吗?我看我的写法没问题,已经定位是这个组件的问题了,return null 就不报错

顺便问一下 你有试过dangerouslySetInnerHTML吗

HeyShinner commented 2 years ago

js部分 nodes是 const [nodes,setNodes] = useState([]) image 组件部分 image

多谢,找到原因了,

19年的问题了,现在还没发在支付宝小程序使用RichText。有没有人关注一下~

你是页面报错还是页面空白

空白,空白是没有用mini-html-parser。用了之后就能成功显示了

方便看一下怎么使用的吗?我看我的写法没问题,已经定位是这个组件的问题了,return null 就不报错

顺便问一下 你有试过dangerouslySetInnerHTML吗

多谢,找到问题了,是我大意了,小程序里暂时没试过这个 api