问题标签 [react-native-render-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
54 浏览

react-native-render-html - ReactNative - 无法强制段落在 react-native-render-html 中从右到左显示文本

正如您在下面的屏幕截图中看到的那样,在将文本向右对齐时,开始段落而不是结束段落的点,并且在代码中确实具有 RTL 能力。

我正在使用 react-native-render-html Lib 并尝试了太多选项以使其在 <HTML 代码中完全从右到左......但没有成功。

文本从右到左正确对齐,但段落不正确。

同样在第一行,它应该以英语单词开头,然后是希伯来语单词。

代码示例:

平台:模拟器和真实设备中的 iOS (ReactNative)。

“react-native-render-html”:“^6.1.0”

测试数据:

在此处输入图像描述

0 投票
1 回答
266 浏览

html - React Native HTML - 呈现线性背景渐变

我目前 HTML 溢出高度:300 一盒,其中使用了 React Native HTML。(这个包:https ://www.npmjs.com/package/react-native-render-html )

这会在“溢出”时提供以下输出 - 在“阅读更多”链接之前略微锐利地截断文本。

在此处输入图像描述

我试图用这个库实现的是在盒子的最后一个元素上从透明到白色的线性渐变。一个绝对定位,底部 0:渐变,给人一种有更多可看性的错觉,并且没有那么刺耳的截断。

在我下面的代码中:<scrollfade> test </scrollfade>是我试图通过它实现的元素。

你会注意到它的自定义渲染器是在这里定义的:

然而,这似乎并不能促进 backgroundImages、背景渐变等能够定义可能实现这一目标的样式。我尝试使用 from 'react-native-linear-gradient' - 就在 html 渲染器下方,但它不在 dom 中的正确位置内产生任何影响。即文本粗暴地切断,然后渐变显示。我不确定是否可以混合这两种技术并在 html 模板中以某种方式使用本机组件,我怀疑不是。关于如何编写自定义渲染器的想法?对于渐变并在模板中定义它,或者欢迎其他更简单的方法。

为了澄清,我正在寻找一种视觉渐变解决方案,该解决方案允许文本预溢出略微闪耀。

0 投票
0 回答
51 浏览

html - 如何处理 RenderHtml 组件中的溢出

我正在使用RenderHtml组件 from'react-native-render-html'在 react native 中呈现一些 html。问题是我正在渲染的文本太长,如果溢出,我希望它具有“....”。我该怎么做呢?

0 投票
0 回答
107 浏览

javascript - 我想在特定的数据点使用 mathjax 和 react native render html 。我使用了自定义 HTML 标签,但在标签内找不到数据

我想在“katequation”类出现在数据中时渲染 mathjax 我有一页数据被渲染有一些长的数学方程式 react-native-render-html 没有以正确的格式渲染所以我使用自定义 HTML 标签但是我在 props 中获得的数据是整页数据,而不是 div 中的数据

0 投票
1 回答
80 浏览

reactjs - 如何在本机反应中呈现html音频标签?

为什么 react-native-html-render 不渲染 html 音频标签?这个库可以做到吗?由于有 iframe 插件来处理视频,感觉应该有一个插件来处理音频,但我找不到。提前致谢。

0 投票
1 回答
50 浏览

react-native-render-html - 如何覆盖 react-native-render-html 上元素之间的边距?

我想覆盖元素之间的边距和第一个元素的边距以适应设计。我怎样才能做到这一点?

0 投票
2 回答
153 浏览

javascript - 如何在 React-Native-Render-Html 中强制标签为全角?

我们有一个用于span标签的自定义渲染器,但我找不到任何方法来强制跨度为全角。我尝试将自定义渲染器包装在 aView中,并在没有运气的情况下应用所有常用的 React-Native 样式。

给定输入 HTML,如下所示

我们如何渲染它如下?

目前它呈现内联,如:

hello goodbye


自定义渲染器如下所示:

当我遇到一个例子时,我想我终于找到了解决这个问题的方法

这启发了我尝试将此代码设置contentModelblock

(仍然没有骰子)

0 投票
1 回答
58 浏览

react-native - 使用 react-native-render-html 链接包含 & 的 url 时出错

我正在尝试在使用expo开发的应用程序中包含指向带有以 & 开头的键/值对的外部 url 的链接,但是当我在Expo Go客户端上运行代码时出现错误:

TypeError: undefined is not an object (评估 'this.entityTrie[0]')

我正在使用:

  • 世博会诉 43.0.2
  • expo-cli v. 4.12.11
  • Expo Go v. 2.22.3
  • react-native-render-html v.6.3.1

我在 Windows 10 Pro 上运行 expo-cli,并在 2 台不同的设备上测试了该捆绑包:一台配备 Android 9 的 Redmi Note 7 和一台配备 Android 10 的 Redmi 9C。

最令人不安的是,如果我使用 expo 生成 .apk 并将其安装在它可以工作的设备上。

代码很简单:

我试图用 %26 替换 & ,但它不起作用。

我已经在这个git 存储库上传了代码。

有人会知道我该如何解决吗?

谢谢

0 投票
1 回答
16 浏览

react-native-render-html - 如何将 RenderHTMLSource 中的自定义道具传递给 react-native-render-html 中的自定义渲染器?

我有一个名为的组件RenderHtml,它呈现我的 html:

还有一个img看起来像这样的自定义渲染器:

我想RenderHtml从 Touchable 的 onPress 方法中调用一个函数。有没有办法将回调传递给自定义渲染器?