Question

我正在建立一个包含HTML和CSS微调器和加载器示例的小网站。当我们点击其中一个示例时，会打开一个模态窗口。我想在这个模态窗口上显示该特定微调器的HTML和CSS代码，这样人们就可以复制它并在项目中使用它。

我正在加载正确的＆＃34;文字＆＃34;对于每个使用jQuery中的.load（）的微调器/模态窗口，如下所示：

$(".htmlcode").load("content/" + fileName + ".html");

这是加载正确的文件和html数据。

问题是 HTML正在解析，所以代替os显示＆＃34; html文本＆＃34;它再次显示动画。

最好的方法是什么？

还有另一个具有类似功能的网站：this

谢谢

Answer 1

很难看出你是如何加载内容的 - 最好在模态窗口中创建一个<textarea>组件，然后将textarea的内容设置为html / css的内容。

这样，它就会逃脱。

    function copy() {
document.getElementById("myTextAreaID").value = document.getElementById("myhtml").innerHTML;
}

这里的粗略工作示例：

编辑：进一步扩展概念以将元素的HTML转换为字符代码，然后将其转换为DIV