Question

我正在寻找一种HTML方法，让我可以在文本框中打印出我的HTML代码：

<textarea rows="10" cols="50" id="showHere">
SOME TEXT
</textarea>
<button onclick="show()">

show = function(){

var t = (FUNCTION I AM LOOKING FOR);

document.getElementById("showHere").innerHTML = t;

}

我想到的功能就像HTML5 CANVAS标签： toDataURL（）

我从朋友那里听到（他想不出名字）有一种HTML方法可以帮助我实现这一目标。

非常感谢你的帮助！我希望这很清楚。

Answer 1

我认为它会像这样简单：

document.getElementById("showHere").value = document.documentElement.outerHTML;

修改：通过textarea修改CSS

<!-- everything before the head -->
<head>
  <!-- other stuff in the head -->
  <style id="user-css"></style>
  <script>
    var textarea, style;
    // Wait for document to load
    window.onload = function() {
      // Find textarea and style element
      textarea = document.getElementById('css-code');
      style = document.getElementById('user-css');
      textarea.value = style.innerHTML;
      // Update CSS on change
      textarea.onkeyup = textarea.onchange = function() {
        style.innerHTML = textarea.value;
      };
    };
  </script>
</head>
<body>
  <textarea id="css-code"></textarea>
</body>

要进行持久性更改，您将需要服务器或复杂的客户端逻辑，例如：使用cookie，基于服务器的存储（可能是会话）或类似本地存储的东西。

像toDataURL（）这样的函数

1 个答案: