gpt4 book ai didi

html - 将样式应用于静态站点 html 和用户生成的 html 内容

转载 作者:行者123 更新时间:2023-11-28 18:52:36 25 4
gpt4 key购买 nike

我们正在使用 Twitter Bootstrap 对我们的网站进行一些重新设计。

我们遇到的问题是,我们正在重新设计的网站部分显示的是用户可以自行输入的内容,包括 html 标签 .eg 等,他们可能已经为其定义了自己的样式。

问题是引导样式表会覆盖用户样式表,反之亦然。

有没有办法将样式表的范围限定为特定类(即 twitter 样式表仅适用于类为“twitter”或类似内容的 div 内的元素)而不影响用户样式表且无需修改所有Twitter 类以包含更具体的选择器。

我们考虑过使用 iframe,但我们确实需要很好地控制用户内容,以便能够非常轻松地从中发送/接收内容,即。触发页面其余部分的 ajax 方法

最佳答案

使用 iframe 是正确的选择。
以下是有关如何与其通信和访问其内容的一些示例。

iframe 内容可以像这样调用父级中的函数:

parent.yourFunction() 

父级可以像这样调用 iframe 中的函数:

document.getElementById('iframeid').contentWindow.yourFunction();

父级可以像这样访问 iframe 的 html:

document.getElementById('iframeid').innerHTML() = "<html><body><div>some content</div></body></html>";

虽然不是您所希望的那样,但这是让 css 仅应用于页面的一部分的唯一方法。

关于html - 将样式应用于静态站点 html 和用户生成的 html 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8875704/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com