如何在React中设置iframe样式

文章/答案/技术大牛

发布

1回答

css、reactjs、iframe

我正在尝试在React中设置iframe的样式，它是从api调用中获取的，并显示在屏幕上给用户。我更喜欢将整个样式表应用于它，而不是特定的规则，但在这一点上，我只是在寻找一个起点。我曾尝试使用querySelector在componentDidMount中选择iframe，然后直接添加样式表，但没有成功。还有没有人需要使用自己的样式来格式化之前从api收到的iframe中的内容？提

浏览 50提问于2019-04-12得票数 1

0回答

React Native:在react-native-maps中设置UserLocation样式

react-native、react-native-maps

如何在React原生地图上设置‍UserLocation的样式 region={this.props.coordinate} ></MapView>{ position:"absolute&quo

浏览 7提问于2018-07-16得票数 2

回答已采纳

1回答

通过json数据反应原生动态主题

css、ajax、reactjs、react-native、react-redux

在react原生中，我如何在动态样式上覆盖我的自定义样式，在动态样式中，从服务器返回JSON数据的字体大小和背景颜色？我想在我的样式主题中设置JSON数据主题?你能给我发送那种样式的语法吗?它可以接受JSON数据，如字体大小或颜色，并创建动态主题？

浏览 1提问于2017-04-27得票数 4

1回答

如何在使用“IFrame -frame-component”库创建的组件中加载由webpack提供的css？

reactjs、iframe、webpack、webpack-style-loader

我正尝试在iframe中呈现我的React组件。我通过使用"react-frame-component“库让它工作。问题是样式被加载到iframe之外，在"head“元素的末尾。我想将其更改为加载到"iframe“元素的"head”中。我使用Webpack来生成包含JS和CSS的bundle，我看到我可以通过设置"insertInto“选项来更改"style-loader”加

浏览 1提问于2018-05-07得票数 7

1回答

在弹出的create-react-app中提取和引用多个CSS文件

reactjs、webpack、create-react-app

我有一个弹出的create-react-app (webpack 3.8.1版)，它将在其他网站上作为第三方小部件实现。使用r在多个iframe中呈现组件。在设置iframe内部组件的样式时，我会在iframe的头部包含css。现在，我将css加载到一个字符串中，如下所示：const innerStyles = require(".</Frame>

浏览 0提问于2018-11-20得票数 1

3回答

在iframe中设置内容样式

html、css、iframe

我必须在iframe中设置样式。<iframe class="webform-frame">...</iframe></html>你知道我该

浏览 1提问于2013-06-26得票数 3

回答已采纳

1回答

加载前将css样式应用于iframe页面

javascript、css、iframe

我有一个加载iFrame的页面。我想从首页将样式应用到iframe。我试过window.onload，但它根本不起作用。onload事件被调用，但是样式没有设置。不，我不能直接将样式放在iFrame页面中。这不是我能控制的。testIframe'

浏览 1提问于2010-12-09得票数 0

2回答

在反应中呈现的造型

javascript、reactjs

正如标题所述，我试图在React中从呈现的内容中添加iframe的样式。我需要将iframe的宽度和高度设置为高宽比，这通常需要将iframe包装在特定的div中。因为它是从post内容数据中提取出来的，所以我无法在iframe中添加包装器div。对于这类场景，是否有一种方法来管理iframe的宽度和高度？另外，不使用jQuery，所以这不是一个选项。

浏览 6提问于2020-08-28得票数 1

回答已采纳

1回答

封装React应用程序的最佳方法是什么？

javascript、reactjs、iframe、web-component、shadow-dom

我正在尝试将React应用程序封装在Web组件的影子根或iFrame中，以便为聊天机器人信使(如对讲小部件)构建小部件。首先，我遇到了一些样式问题，使用了样式组件和Material，因为它们都将它们的样式放在轻型DOM头中。但是，我想出了如何处理两个问题(我可以帮助任何有相同问题的人)。解出然后，呈现我的组件时没有问题，但是事件不能工作，经过一些研究后，我发现当您在Shadow事件中呈现一个react组件时，不会被分派到响应中。也就

浏览 0提问于2019-09-01得票数 0

回答已采纳

1回答

如何将样式化组件注入React iframe

reactjs、iframe、styled-components、react-frame-component

我正在构建一个chrome扩展，我需要使用iframe进行样式隔离，特别是'react-frame-component‘，我使用了样式组件，但是生成的类没有注入到iframe中，你有什么想法可以把它们注入到iframe中吗？

浏览 30提问于2020-12-08得票数 0

1回答

我的按钮有了不想要的样式，但我似乎找不到改变它的方法

javascript、css、reactjs、react-native

编辑:我正在使用React而不是React Native 我正在做一个使用React的项目。我的一个按钮继承了一个特定字体大小的样式: 19px，但我在代码中找不到源代码。我也试过改变字体大小，没有一个是19px的--我的按钮的样式仍然是19px。这是按钮元素，这是我从chrome Inspect中获得的样式： <button class="Social-smallFont-6" style="display: bl

浏览 7提问于2019-10-13得票数 0

4回答

使用样式在React.js中设置背景

javascript、css、reactjs

我想通过使用样式定义在React.js中添加背景图像，这是可行的：let styles = { 那么如何在React.js中设置和调整背景图像呢？

浏览 0提问于2016-04-05得票数 14

1回答

如何将网站插入React组件

javascript、reactjs

我有一个返回html的API响应，我想将该响应插入到我的react组件中。

浏览 11提问于2021-08-25得票数 0

回答已采纳

1回答

处理iframe与参考文献的反应

javascript、html、reactjs、iframe、ref

我正在尝试在React组件中设置iframe的内容。我有一个组件，其中包含一个handleStatementPrint函数，该函数必须在iframe完成加载时调用。组件必须具有iframe内容： }

浏览 6提问于2017-12-04得票数 3

1回答

如何使用材料UI (梅) 5.0内的一个iframe？

javascript、reactjs、iframe、material-ui、emotion

我试图使用react在iframe中呈现MUI组件。虽然它们是在iframe中呈现的，但是当使用react门户在iframe中呈现时，它们失去了所有的thMUI组件的样式。

浏览 29提问于2021-12-24得票数 2

1回答

如何在React中注册样式？

reactjs、react-native、react-redux

<div className="Stars" style="--rating: 6.8">{movie.vote_average}</div> 如何在React中设置样式，我有值星:在显示评级之前，如何在div中正确地设置样式？

浏览 1提问于2020-01-30得票数 0

回答已采纳

1回答

react项目中#root的样式属性是什么？

reactjs、css-modules

我是一个相对较新的反应，我已经在样式上挣扎了一点。我想知道在#root上应用css是否好，或者最好不要这么做。是否有可能在module.css文件中只为一个组件应用#root的样式？

浏览 5提问于2021-02-26得票数 0

1回答

iframes:如何将带有导航菜单的特定iframe放在所有其他iframe之上？

javascript、html、css、iframe

我正在尝试分层iframe，以便与导航菜单的框架是在所有其他iframe之上。导航菜单是css下拉选项卡菜单导航。> <iframe height="85%" width="100%" src="CONTENT_PANE" name="iframe_b" style="border:none;"></iframe><iframe height=

浏览 2提问于2020-12-17得票数 1

2回答