Notes

<script type="text/javascript">
<!--
var toolbarTimerId;
var dummyTag_ = document.createElement("Dummy");
var dummyStatus = 0;

$(function () {
var current;
$("div[contenteditable]").focus(function () {
clearTimeout(toolbarTimerId);
current = this;
});
$('.bold').click(function () {
createAndSelectDummy(current);
clearTimeout(toolbarTimerId);
document.execCommand('bold', false, null);
$(current).focus();
removeDummy(current);
});


/**
* テキストが記載されているか返す
*/
function isTextWrite(obj) {
return $(obj).text().trim().length != 0;
}

/**
* 文字列が選択されていない場合、ダミータグを作成し、カーソル位置に挿入して選択します。
*/
function createAndSelectDummy(obj) {
var sel = document.getSelection();
var targetObj;
if (sel.isCollapsed) {
// 選択文字列なし
if (isTextWrite(obj)) {
// 文字列が記載されている場合はダミータグをカーソル位置に追加
dummyStatus = 1;
sel.getRangeAt(0).surroundContents(dummyTag_);
targetObj = dummyTag_;
} else {
// 記載がない場合は上書き
dummyStatus = 2;
targetObj = sel.anchorNode;
}
$(dummyTag_).children().remove()
$(targetObj).html("&nbsp;");

var newRange = document.body.createTextRange();
newRange.moveToElementText(targetObj);
newRange.select();

/*
var newRange = document.createRange();
newRange.setStart(targetObj, 0);
newRange.setEnd(targetObj, 1);
sel.removeAllRanges();
sel.addRange(newRange);
*/
} else {
// 選択文字列あり
dummyStatus = 0;
}
}

/**
* ダミータグを削除します。
* その際、ダミータグに子要素がある場合は子要素の階層を一つ上げます。
*/
function removeDummy(obj) {
var textNode = null;
switch (dummyStatus) {
case 0:
// 文字列を選択していた場合
break;
case 1:
// 記載あり項目の場合
var newTag = dummyTag_.firstChild;
$(dummyTag_).after(newTag);
textNode = getTextNode(newTag);
$(dummyTag_).remove();

break;
case 2:
// 記載なし項目の場合
textNode = getTextNode(obj);
break;
}

if (textNode != null) {
textNode.nodeValue = "";

var newRange = document.createRange();
var sel = document.getSelection();
newRange.setStart(textNode, 0);
newRange.setEnd(textNode, 0);
sel.removeAllRanges();
sel.addRange(newRange);

/*
var newRange = document.body.createTextRange();
newRange.moveToElementText(textNode.parentNode);
newRange.select();
*/
}
}

function getTextNode(obj) {
if (obj == null) {
return null;
} else if (obj.nodeType == 3) {
return obj;
} else {
return getTextNode(obj.firstChild);
}
}

-->
</script>