我想與加粗和斜體使用相同的選項在keyup上顯示另一個div中的內容的contenteditable div。 我設法顯示文本,但沒有選項。請幫助Contenteditable div加粗選項
HTML:
<button onclick="document.execCommand('bold');">B</button>
<button onclick="document.execCommand('italic');">I</button>
<div id="textarea" contenteditable></div>
<div id="textarea-show"></div>
的jQuery:
$('#textarea').keyup(function() {
$('#textarea-show').html($(this).text());
});
CSS:
#textarea { background-color: #fff;
border: 1px solid #ccc;
color: #555;
font-size: 14px;
height: 34px;
width: 450px;
}
#textarea-show{font-size: 2rem;
color:#666;
height:50px;
border: 1px solid #ccc;
width: 450px;
}
例如:https://jsfiddle.net/gqmLtct7/1/
17anchi,請參閱我的回答如下。我希望那是你需要的。 – Ionut