У меня возникли проблемы (полные) с execCommand, поэтому ваша помощь очень ценится - я не сомневаюсь, что лаю не по тому дереву, но ..... в любом случае
У меня есть такой див
<div class="editable" id="editor" contenteditable="true">
<2>Some text in here</h2> blah blah blah ...
</div>
Это "редактируемый", то есть document.designMode = 'on';
- это "состояние" в фокусе. При размытии меняется на document.designMode = 'off';
У меня есть "тестовая кнопка"
<input type="button" id="bold" value="Bold">
Это при «щелчке» делает «выделенный текст» жирным шрифтом - следовательно, execCommand
Пока у меня что-то вроде этого:
function getSelected() {
if(window.getSelection) { return window.getSelection(); }
else if(document.getSelection) { return document.getSelection(); }
else {
var selection = document.selection && document.selection.createRange();
if(selection.text) { return selection.text; }
return false;
}
return false;
}
$('#bold').click(function(){
var selection = getSelected();
alert(selection);
});
Предупреждение (жирный щелчок) действительно дает мне выделенный/выделенный текст, но я не могу понять, как «повернуть его» жирным шрифтом. Думаю, мне нужно получить доступ к innerHTML или что-то в этом роде?
Помощь очень ценится - спасибо заранее. О, и я не хочу использовать ни i-frame, ни textarea