| |
|
|
| | Здравствуйте, форумчане!
Помогите советом. Решил написать простой визуальный редактор. Знаю, что в сети полно готовых решений, но хочу сам разобраться. И вот никак не могу применить хоть какую-то команду execCommand. Напишите, пожалуйста, какую-нибудь рабочую строчку кода, скажем которая делает текст жирным.
И еще 2 момента. Можно ли designMode применяеть к блочным элементам (например div) или обязательно нужно вставлять iframe? А также есть ли разница между designMode='on' и contentEditable='true'?
Спасибо всем ответившим! | |
| |
|
|
| |
|
|
| |
для: Bombey
(05.12.2010 в 16:05)
| | | Простенький пример:
<html>
<body>
<div contentEditable style="border:1px solid #000000;">text</div>
<input type="button" onclick="document.execCommand('Bold',false,false);" value="Ж" />
</body>
</html>
|
designMode, сдается, можно применять только к document, а contentEditable - ко всем (или почти всем) элементам. Вобще, с designMode можно не париться, и использовать только contentEditable. Он нормально работает в Opera, FF, IE, GC, Maxton (в других нет возможности проверить).
Если хотите совет - будьте готовы, что execCommand в разных браузерах обрабатывается несколько по-разному. Например, при нажатии Enter - FF вставляет <br>, а IE и Opera - <p> или <div>, в зависимости от контекста. Причем Opera и IE упорно все теги переводят в верхний регистр.
Жирность - FF делает с помощью <span style="font-weight: bold;">, IE - с помощью <strong>, GC - с помощью <b>. И это только начало. | |
| |
|
|
