Не работает ExecCommand
 

window.onload = function(){
	var mainDiv = document.createElement('div');
	mainDiv.id = 'mainDiv';
	document.body.appendChild(mainDiv);
	var buttonControl = {
		'paragraf': '<a href = "#paragraf" id="paragraf" class="buttonControl">p</a>',
		'bold': '<a href = "#bold" id="bold" class="buttonControl">b</a>',
		'italic': '<a href = "#italic" id="italic" class="buttonControl">i</a>'
	};
	for(var property in buttonControl){
		mainDiv.innerHTML += buttonControl[property];
	}
	var mainArea = document.createElement('textarea');
	mainArea.id = 'mainArea';
	mainDiv.innerHTML += '<br />';
	mainDiv.appendChild(mainArea);
	document.getElementById('bold').onclick = function(element){
		mainArea.focus();
		window.document.execCommand('bold', null, '');
		element.preventDefault();
	};
};

Вот такой вот кодик, ошибок нет, но вот выделение не даёт..
Что посоветуете?

Смешались в кучу кони, люди,
И залпы тысячи орудий
Слились в протяжный вой…

Rich-Text_Editing_in_Mozilla
Внимательно читаем первые два абзаца.

Да, спасибо.
Я знаю про designMode, но получается если я пишу без фреймов, то мне нужно всему документу его задавать?
Если так, то у меня по всему документу меняется курсор...

Нет, не получается.

Если ты пишешь без фреймов, то нужно писать другой код.
Range, TextRange и Selection

Может я фигню скажу, 5 часов ночи и я еще бодрствую... А почему бы не использовать contenteditable?