HBuilder是一款非常實用的前端開發工具，可以在編寫HTML時實現邊看邊寫的功能，極大的提高了開發效率。下面我們就來一步步演示如何設置邊看邊寫的HTML功能。 首先，在HBuilder中新建一個HTML文件，打開HTML文件并進入編輯模式。然后，我們需要在HTML文件中添加代碼來啟用邊看邊寫的功能。在body標簽內添加以下代碼：

<iframe src="about:blank" frameborder="0" id="preview"></iframe>
<textarea id="code"></textarea>

上述代碼中，我們使用iframe標簽來實現邊看邊寫的功能，將預覽頁面嵌入到一個空白頁面中。同時，我們也添加了一個textarea標簽，用于編寫HTML代碼。 接著，我們需要添加一些JavaScript代碼，用于在輸入框內添加HTML代碼時，自動更新預覽頁面。在body標簽結束前添加以下代碼：

<script>
var textarea = document.getElementById('code');
var iframe = document.getElementById('preview');
textarea.onkeyup = function () {
iframe.contentWindow.document.body.innerHTML = textarea.value;
}
</script>

上述代碼中，我們使用JavaScript監聽textarea輸入框的鍵盤事件，當文本框內輸入或刪除HTML代碼時，自動更新預覽頁面。 設置完成后，我們就可以在文本框內編寫HTML代碼，并實時看到預覽效果。這樣，我們就可以輕松編寫HTML代碼，同時又能夠及時看到預覽效果，方便直觀。 總之，HBuilder的邊看邊寫HTML功能，為前端開發帶來了極大的便利。只需要簡單設置就能實現，非常實用。希望本文能為您帶來一些幫助。