Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript C#替换字符串的动态内容_Javascript_Css_Rte - Fatal编程技术网

Javascript C#替换字符串的动态内容

Javascript C#替换字符串的动态内容,javascript,css,rte,Javascript,Css,Rte,我在我的网站上有一个RTE,它允许用户嵌入带有视频的iframe。问题是,当use嵌入iframe时,它会自动将高度和宽度设置为静态大小,这在移动设备上不起作用。 在不知道元素的实际宽度和高度的情况下,如何搜索和替换字符串的width和height元素的内容 下面是我想做的一个例子: 我从以下观点中得到了这一点: <iframe src="someyoutubevideo" height="100px" width="150px"/> 我想将其替换为: <iframe s

我在我的网站上有一个RTE,它允许用户嵌入带有视频的iframe。问题是,当use嵌入iframe时,它会自动将高度和宽度设置为静态大小,这在移动设备上不起作用。 在不知道元素的实际宽度和高度的情况下,如何搜索和替换字符串的width和height元素的内容

下面是我想做的一个例子:

我从以下观点中得到了这一点:

<iframe src="someyoutubevideo" height="100px" width="150px"/>

我想将其替换为:

<iframe src="someyoutubevideo" height="auto" width="100%"/>


但是高度和宽度可能会有所不同,因此简单的搜索和替换不起作用

我会在客户端使用jQuery来完成这项工作。像这样的东西可以做到:

$(function(){
    var $myIFrame = $("iframe[src*='youtube']");
    $myIFrame.prop("height", "100");
});

免责声明:我已经好几年没有做过任何web编码了,CSS可能是一个更好的主意。

一个类似于的正则表达式可以完成这项工作(免责声明:这不是我的正则表达式,我也没有以任何方式验证过它)。你应该使用CSS来设计你的组件,这应该会更好: