Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Свой небольшой HTMLTextEditor (https://javascript.ru/forum/events/22901-svojj-nebolshojj-htmltexteditor.html)

olga153b 04.11.2011 18:43

Свой небольшой HTMLTextEditor
 
И еще раз здравствуйте!

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

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

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

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

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

melky 04.11.2011 19:13

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

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

olga153b 04.11.2011 19:28

Цитата:

Сообщение от melky (Сообщение 134505)
первый - он уже там есть (ch 15)

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

melky 04.11.2011 19:28

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

olga153b 04.11.2011 19:38

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

trikadin 04.11.2011 21:13

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

Цитата:

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

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

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

Цитата:

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

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

olga153b 04.11.2011 22:39

Цитата:

Сообщение от trikadin (Сообщение 134526)
<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 05.11.2011 00:28

Цитата:

Сообщение от olga153b
Но contenteditable работает только в HTML5

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

Magneto 05.11.2011 00:33

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


Часовой пояс GMT +3, время: 16:19.