Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 类似于toDataURL()的函数_Javascript_Html - Fatal编程技术网

Javascript 类似于toDataURL()的函数

Javascript 类似于toDataURL()的函数,javascript,html,Javascript,Html,我正在寻找一种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

我正在寻找一种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;

}

一些文本
show=函数(){
var t=(我正在寻找的函数);
document.getElementById(“showHere”).innerHTML=t;
}
我心目中的功能就像HTML5画布上的标签: toDataURL()

我从一个朋友那里听说(他想不起名字),有一个HTML方法可以帮助我实现这一点


非常感谢你的帮助!我希望这足够清楚

我想事情就这么简单:

document.getElementById("showHere").value = document.documentElement.outerHTML;
编辑:通过文本区域修改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>

区域、风格;
//等待文档加载
window.onload=函数(){
//查找textarea和style元素
textarea=document.getElementById('css-code');
style=document.getElementById('user-css');
textarea.value=style.innerHTML;
//根据变化更新CSS
textarea.onkeyup=textarea.onchange=function(){
style.innerHTML=textarea.value;
};
};

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

我不确定我是否得到了这个。。。您想要一个函数,允许您将整个文档的HTML(源代码)插入文本区域吗?是的,先生!你说对了!
innertext
不应该在这种情况下工作吗?如果我有一个网站,它允许人们对CSS进行成本分解,但每当他们刷新网站时,它都会恢复为默认颜色。如果我想使用此功能保存他们的工作,该怎么办?我怎么能这么做?我已经试过了(刚才),但它给了我默认的网站settings@bob如果这仅仅是关于CSS,那么您不应该使用整个页面的代码,而是应该将textarea的值绑定到
标记的内容。好的,我该怎么做?使用
id
标签和JS什么的?太棒了!我现在知道怎么做了!非常感谢!