Javascript 从HTML文本区域读取值，并在弹出窗口中显示格式化文本_Javascript_Css_Popup

Javascript 从HTML文本区域读取值，并在弹出窗口中显示格式化文本

javascript css

Javascript 从HTML文本区域读取值，并在弹出窗口中显示格式化文本,javascript,css,popup,Javascript,Css,Popup,下面是我想从Textarea读取值并在弹出窗口中显示的代码例如，一个地址是格式化的文本，上面的代码可以工作，但是读取的文本是未格式化的，我希望它被格式化请帮助，因为我正在寻找引导模式的替代方案 <!DOCTYPE html> <html lang="en"> <head> <title> Popup Demo </title> </head> <body> <scri

下面是我想从Textarea读取值并在弹出窗口中显示的代码

例如，一个地址是格式化的文本，上面的代码可以工作，但是读取的文本是未格式化的，我希望它被格式化

请帮助，因为我正在寻找引导模式的替代方案

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>
      Popup Demo
    </title>
  </head>
<body>
<script>
    var previewOpen;
    function preview() {
        previewOpen = window.open("", "previewOpen", "width=500, height=600, scrollbars=yes, resizable=yes");
        previewOpen.document.body.innerHTML = document.getElementById("AFlogs").value; // Get the value of text area and run HTML code
    }
</script>

<div class="bg-modal">LOGS:
<img src="Zoom.png" onclick="preview()" style="float: right;" width="25" height="25" id="preview"/> 
<textarea class="form-control taAfLogs" id="AFlogs"></textarea>


</body>
</html>


弹出式演示
var-Wopen；
函数预览（）{
previewOpen=window.open（“，”previewOpen“，”宽度=500，高度=600，滚动条=yes，可调整大小=yes”）；
previewOpen.document.body.innerHTML=document.getElementById（“AFlogs”）.value；//获取文本区域的值并运行HTML代码
}
日志：

呃，很抱歉，弹出窗口无法正常工作，所以请在a href中执行此操作，但请确保在您看到一些弹出窗口后，它很容易修复，有人会修复它

$（'click'）。单击（函数（）{
var html=document.getElementById（“text”）.value；
var dataURI='data:text/html'，+encodeURIComponent（html）；
window.location.href=（数据URI）；
log（dataURI）；
});

打开弹出窗口
是如何格式化的？？？您是否尝试过用ta
标记像previewOpen.document.body.innerHTML=''+document.getElementById（“AFlogs”）。value+''
Ibex包装所有内容，它像一个符咒一样工作。谢谢。Ibex，一旦我打开预览并关闭它，它就不会再打开了，有什么建议吗？