Форум

olga153b · #1 (**permalink**) 04.11.2011, 18:43

И еще раз здравствуйте!

Хочу написать свой небольшой HTMLTextEditor, в котором можно будет менять центрирование текста, шрифт, размер и толщину и все! Из того что нашел в нете типа TinyMCE, YAHOO RichTextEditor или еще какие-то попадались сделал вывод, что они очень громоздкие (от 150кб), в них куча ненужных ф-ций и некоторые еще и глючат в некоторых браузерах.
И тут столкнулся с некоторыми проблемами:

1. Как сделать так что бы в divе, в котором будет писать человек была мигающий курсор как в textarea?

2. Как узнать какая часть текста выделена?

3. Как сделать так чтоб по нажатию правой кнопки мыши выплывало свое меню?

Заранее спасибо за ответы!

melky · #2 (**permalink**) 04.11.2011, 19:13

первый - он уже там есть (ch 15), второй - Range. третий - oncontextmenu

прогуглите всё это.

olga153b · #3 (**permalink**) 04.11.2011, 19:28

Сообщение от melky

первый - он уже там есть (ch 15)

Этот момент не совсем понятен... Можно немного поподробней?

melky · #4 (**permalink**) 04.11.2011, 19:28

в новом хроме курсор уже мигает у редактируемого дива.

olga153b · #5 (**permalink**) 04.11.2011, 19:38

не, нужно что бы во всех браузерах такое было, не только в хроме
P.S. а как указать что див редактируемый?

trikadin · #6 (**permalink**) 04.11.2011, 21:13

Здравствуйте! Судя по вашему сообщению, вы ну совсем не знаете javascript... Ну, и так далее.

Сообщение от olga153b

P.S. а как указать что див редактируемый?

<div contenteditable="true"></div>

Выделения - гуглить в сторону Range и textRange (ie). И selection.

Сообщение от melky

oncontextmenu

Как минимум, минус опера (по умолчанию).

olga153b · #7 (**permalink**) 04.11.2011, 22:39

Сообщение от trikadin

<div contenteditable="true"></div>

Но contenteditable работает только в HTML5, а его насколько я знаю поддерживают далеко не все браузеры... Я же пытаюсь написать что-то что будет работать начиная с IE8, FF3.6, Opera 9 и в доктайпе у меня всегда

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Менять что-то там большого желания нет, потому что все сломается

trikadin · #8 (**permalink**) 05.11.2011, 00:28

Сообщение от olga153b

Но contenteditable работает только в HTML5

Дурной, штоле? Его даже ie 6 поддерживает, не говоря уже о других браузерах. И вообще, поддержка html 5 не зависит от доктайпа. Прочтите это.

Magneto · #9 (**permalink**) 05.11.2011, 00:33

WYSIWYG HTML редактор в браузере

Форум

Справочник

Discord чат

Курсы javascript