需要预览通过单击按钮在表单中输入的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

回答

相关问题