私は次のdivを持っています:
<div contenteditable="true" unselectable="off" id="foo">
この div 内で、ユーザーが入力するたびに特定の量の単語を太字に見せたいと考えています。そのため、次の変更リスナーがあります。
$('#foo').live('focus', function() {
before = $(this).html();
}).live('blur keyup paste', function() {
if (before != $(this).html()) { $(this).trigger('change'); }
});
$('#foo').live('change', function() {
// make certain words bold
document.execCommand ('bold', false, null); // doesn't work
});
document.execCommand()を使用しようとしましたが、太字にしたいテキストを選択した場合にのみ機能します。しかし、ユーザーは太字にする必要がある単語を知らないため、テキストを選択したくありません。