gpt4 book ai didi

c# - 有没有办法将代码镜像中编写的 css 应用于 iframe 的 html 内容?

转载 作者:行者123 更新时间:2023-11-27 23:38:11 26 4
gpt4 key购买 nike

我有两个代码镜像文本区域,一个用于 html,一个用于 css。在按下按钮时,我想将 html 和 css 输出到 iframe 中。即我想要一些也粗体的绿色文本。这将由写入文本区域的 css 和 html 驱动。

我已经尝试针对 iframe 的 css 和 html 属性,它们适用于 html 但不适用于 css。

  $("#create").click(function () {
$("#iframe").contents().find("body").html("");
var htmlEditor = $('.CodeMirror')[0].CodeMirror;
var cssEditor = $('.CodeMirror')[2].CodeMirror;
$("#iframe").contents().find("body").html(htmlEditor.getValue());
$("#iframe").contents().find("body").css(cssEditor.getValue());
});

在页面上的代码镜像数组的位置 1 处还有一个 javascript 编辑器,但那是另一个问题了。

https://imgur.com/H9KgWf4

正如您从我的第一次尝试中看到的那样,文本显示为粗体,但粗体标签没有应用 css 修改。我觉得我不了解 iframe 以及它如何正常工作。我尝试对标签应用一个类,但没有得到任何结果。

最佳答案

我找到的解决方案是将要应用的 css 附加到头部

$('#iframe').contents().find("head").append($("<style type='text/css'>" + cssEditor.getValue() + "</style>"));

如果有人有任何更好的解决方案,请发布我会非常感兴趣!

关于c# - 有没有办法将代码镜像中编写的 css 应用于 iframe 的 html 内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57150427/

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