像toDataURL（）函數

我正在尋找一個HTML的方法，可以讓我打印出的文本框中我的HTML代碼：像toDataURL（）函數

<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方法來幫助我實現這一點。

非常感謝您的幫助！我希望這很清楚。

來源

2015-02-11 Carlos Carlsen

我不知道我是否得到了這個...你想要一個允許你將整個文檔的HTML（源代碼）插入到textarea中的函數嗎？ – 2015-02-11 18:08:31

是的，先生！你說對了！ – 2015-02-11 18:12:01

在這種情況下不應該使用「innertext」？ – rgin 2015-02-11 18:12:49

我認爲這將是如此簡單：

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

編輯：通過一個文本

<!-- 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>

再接再厲變化修改CSS，你需要或者服務器或複雜的客戶端邏輯，例如使用cookies，基於服務器的存儲（可能是會話）或類似本地存儲的東西。

來源

2015-02-11 18:15:19

太棒了！這工作！好的，非常感謝！ – 2015-02-11 18:20:40

如果我有一個網站，可以讓人們亂搞CSS，但是當他們刷新網站時，它將恢復爲默認顏色。 – 2015-02-11 18:30:23

如果我想通過使用此功能來保存他們的工作，該怎麼辦？我怎麼能這樣做？我試過了（剛纔），但它給了我網站的默認設置 – 2015-02-11 18:30:51

像toDataURL（）函數

回答

相關問題