需要通过单击按钮预览在表单中输入的html

Question

我正在处理一些代码，我想做的事情很简单。有一个表单框供用户输入html。按下预览按钮时，将在新选项卡或弹出窗口中显示由html创建的页面预览。任何帮助将不胜感激。我在.Net工作，但也可以使用javascript。感谢

-Matt

Answer 1

不确定这将如何适合您的工作，但它会让您前进。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

希望它有所帮助！