layui实现html实时预览功能?

凌晨四点_k 发布于 2017/03/06 10:50
阅读 1K+
收藏 1
<iframe id="preview_html_code"></iframe>

<script type="text/javascript">
function changeHtmlCode(obj){
	var html = "<div style='width:100px;height:100px;background:red;'>sdf</div>";
	var previewFrame = document.getElementById("preview_html_code");   
    var preview =  previewFrame.contentDocument || previewFrame.contentWindow.document;   
    preview.open();   
    preview.write(html);   
    preview.close();   
}  
</script>

@贤心:你好,请问layui实现如图所示的html实时预览功能? 

加载中
返回顶部
顶部