jQuery：如何使用2個文本框進行1個HTML預覽

Question

我有2個textareas：1個用於樣式表，1個用於html。 我需要為jquery onkeyup設置它們，以使用預覽ID更新單獨的div。 如果輸入其中任何一個，每次按鍵上升，我都需要預覽來更新。 我基本上是在創建html預覽。

我還需要jquery在每個keyup上將以下代碼插入到預覽中

<html><head><style> --insert stylesheet text-- </style><body> --insert html text-- </body></html>

我嘗試隨機輸入一些東西來查看jquery是否可以處理它，但是我對jquery的了解還不夠，甚至無法真正使類似的東西工作。 但是我確實嘗試過...

jQuery的：

$(".updatepreview").keyup(function(){

        var textinput = '<html><head><style>'+ $('#stylesheet').val() +'</style></head><body>' + $('#html').val() +'</body></html>';


        $("#preview").val(textinput);

HTML：

    <textarea class="updatepreview" id="html" name="html"><H1>TEST</h1></textarea>
    <textarea class="updatepreview" id="stylesheet" name="stylesheet">h1 { color: #C0000E; }</textarea>

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

Answer 1

嘗試更改$("#preview").val(textinput); 到$("#preview").html(textinput);

jQuery：如何使用2個文本框進行1個HTML預覽

問題描述

1 個解決方案

解決方案1
4 已采納 2013-12-29 08:39:31

jQuery：如何使用2個文本框進行1個HTML預覽

問題描述

1 個解決方案

解決方案1 4 已采納 2013-12-29 08:39:31

解決方案1
4 已采納 2013-12-29 08:39:31