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

Question

我有两个代码镜像文本区域，一个用于 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 以及它如何正常工作。我尝试对标签应用一个类，但没有得到任何结果。

Answer 1

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

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

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