Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.11.2011, 18:43
Аватар для olga153b
Аспирант
Отправить личное сообщение для olga153b Посмотреть профиль Найти все сообщения от olga153b
 
Регистрация: 11.08.2011
Сообщений: 31

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

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

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

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

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

Заранее спасибо за ответы!
Ответить с цитированием
  #2 (permalink)  
Старый 04.11.2011, 19:13
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

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

прогуглите всё это.
Ответить с цитированием
  #3 (permalink)  
Старый 04.11.2011, 19:28
Аватар для olga153b
Аспирант
Отправить личное сообщение для olga153b Посмотреть профиль Найти все сообщения от olga153b
 
Регистрация: 11.08.2011
Сообщений: 31

Сообщение от melky Посмотреть сообщение
первый - он уже там есть (ch 15)
Этот момент не совсем понятен... Можно немного поподробней?
Ответить с цитированием
  #4 (permalink)  
Старый 04.11.2011, 19:28
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

в новом хроме курсор уже мигает у редактируемого дива.
Ответить с цитированием
  #5 (permalink)  
Старый 04.11.2011, 19:38
Аватар для olga153b
Аспирант
Отправить личное сообщение для olga153b Посмотреть профиль Найти все сообщения от olga153b
 
Регистрация: 11.08.2011
Сообщений: 31

не, нужно что бы во всех браузерах такое было, не только в хроме
P.S. а как указать что див редактируемый?
Ответить с цитированием
  #6 (permalink)  
Старый 04.11.2011, 21:13
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

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

Сообщение от olga153b
P.S. а как указать что див редактируемый?
<div contenteditable="true"></div>

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

Сообщение от melky
oncontextmenu
Как минимум, минус опера (по умолчанию).
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #7 (permalink)  
Старый 04.11.2011, 22:39
Аватар для olga153b
Аспирант
Отправить личное сообщение для olga153b Посмотреть профиль Найти все сообщения от olga153b
 
Регистрация: 11.08.2011
Сообщений: 31

Сообщение от 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">


Менять что-то там большого желания нет, потому что все сломается
Ответить с цитированием
  #8 (permalink)  
Старый 05.11.2011, 00:28
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от olga153b
Но contenteditable работает только в HTML5
Дурной, штоле? Его даже ie 6 поддерживает, не говоря уже о других браузерах. И вообще, поддержка html 5 не зависит от доктайпа. Прочтите это.
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #9 (permalink)  
Старый 05.11.2011, 00:33
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

WYSIWYG HTML редактор в браузере
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
загрузка node с другого сайта на свой vanka12345 Библиотеки/Тулкиты/Фреймворки 10 14.11.2011 23:52
Как убрать курсор или изменить его на свой? PAMAC (X)HTML/CSS 4 19.01.2011 11:07
Небольшой скрипт для контакта - логин man Элементы интерфейса 2 22.08.2009 13:53
Помогите внедрить свой jQuery в другой A.N.R.I jQuery 25 19.07.2009 01:50
Добавить свой метод к элементу alekciy Events/DOM/Window 6 16.02.2009 19:29