創建我的WYSIWYG編輯器-JavaScript奇怪的行為

Question

我正在使用可視文本編輯器。 它工作得很好，預覽效果很好，我的JS追加也是如此。 HTML是這樣的：

<div class="wysiwyg">
    <div class="wystitle">What You See Is What You Get<br>Editor by ShowTime</div>
    <div class="wysmenu"><button class="wysbutton" onClick="addBold()">Bold</button><button class="wysbutton">Italic</button><button class="wysbutton">Underline</button><button class="wysbutton">Link</button><button class="wysbutton">Color</button><button class="wysbutton">Quote</button></</div>
    <textarea rows="9" cols="145" id="wystext"></textarea><br>
    <button class="wysbutton" onClick="preview()">Preview</button><button class="wysbutton">Post!</button>
</div>
<br><br><br><br><br><br><br><br><br><br><br>
<div class="wyspreview" id="wyspreview">Hit 'Preview' To See the Post General Look<br>Hit 'Post' To Create the Blog Post</div>

而且我想使用粗體按鈕來簡單地添加TEXT HERE 。 這是JAvaScript：

function preview() {
    var preview = document.getElementById("wystext").value;
    document.getElementById("wyspreview").innerHTML = preview;
}

function addBold() {
    var text = document.getElementById("wystext").value;
    document.getElementById("wystext").innerHTML = text + "<strong></strong>";
    var text = null;
}

addBold函數可以正常工作，但是一旦我在文本區域中鍵入，它將不再起作用。 有什么想法嗎？

Answer 1

您應該將文本放在標簽內：

"<strong>" + text + "</strong>"

包含示例的jsfiddle也會很有幫助。

Answer 2

沒關系，找到了解決方法，只是將innerHTML編輯為value 。

對某些用戶可能會有所幫助。