Javascript 类似于toDataURL()的函数
我正在寻找一种HTML方法,它可以让我在文本框中打印HTML代码: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
<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什么的?太棒了!我现在知道怎么做了!非常感谢!