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

Question

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

这是我想做的一个例子：

我从视图中收到了这个：

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

我想将其替换为：

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

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

标签： javascriptcssrte

Answer 1

我会在客户端使用 jQuery 来做到这一点。这样的事情会做到这一点：

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

免责声明：多年来我没有做过任何网络编码，CSS 可能是一个更好的主意。