需要預覽通過單擊按鈕在表單中輸入的html

我正在使用一些代碼，我想要做的事很簡單。有一個用於輸入html的表單框。當按下預覽按鈕時，將顯示由html創建的頁面的預覽，可以顯示在新選項卡中或彈出。任何幫助將不勝感激。我在.Net工作，但也可以使用JavaScript。由於需要預覽通過單擊按鈕在表單中輸入的html

-Matt

來源

2017-06-27 matt gor2

那麼，你的代碼在哪裏？ –

歡迎來到StackOverflow！你到目前爲止嘗試過什麼嗎？ StackOverflow不是一個免費的代碼寫入服務，並希望你[嘗試首先解決你自己的問題]（http://meta.stackoverflow.com/questions/261592）。請更新您的問題以顯示您已經嘗試過的內容，並在[最少，完整和可驗證的示例]（http://stackoverflow.com/help/mcve）中展示您面臨的特定問題。有關更多信息，請參閱[如何提出良好問題]（http://stackoverflow.com/help/how-to-ask），並參加[tour]（http://stackoverflow.com/tour）網站:) – InvincibleM

我只是想獲得基本的功能。這裏一秒鐘。感謝 –

不知道這將如何適合你的工作，但它讓你去。

function renderHTML(){ 
 
    var html = document.getElementById("writtenHTML").value 
 
    document.getElementById("preview").innerHTML = html; 
 
}

#writtenHTML{ 
 
    width:400px; 
 
    height:400px; 
 
}

<textarea id="writtenHTML"></textarea> 
 
<button onclick="renderHTML()" type="button">Click Me!</button> 
 

 
<div id="preview"></div>

希望它能幫助！

來源

2017-06-27 21:18:59

需要預覽通過單擊按鈕在表單中輸入的html

回答

相關問題