@skitalets24 авг 2011 в 00:47

Content editable в HTML5

2 мин

64K

HTML *

Из песочницы

+45

Комментарии 28

@intermed 24 авг 2011 в 01:47

Тут у ребят уже есть реализация редактора c исходниками

@skitalets 24 авг 2011 в 01:53

Применение этой реалезации на практике крайне затруднительно. Имелось в виду редактирование, допустим, своего поста в реальном времени. Для этого нужны права доступа и т.д.

А еще aloha не умеет вставлять/удалять изображения.

@n0s 24 авг 2011 в 04:48

новая версия умеет, причем, перетаскиванием картинки с десктопа в браузер ) но она еще не стабильна.

@Mr_Floppy 24 авг 2011 в 05:45

По-моему такая штука была еще в IE5 (contentEditable).

@Masterkey 24 авг 2011 в 07:09

тссссс, все самое классное есть только в хтмл5

@dayman 24 авг 2011 в 07:32

Точно подмечено. Заменить HTML на IE в заголовке будет в самый раз)

@hf35 24 авг 2011 в 08:47

70% HTML5 было в IE5 в том или ином виде

@Dialog 3 сен 2011 в 09:20

новое — хорошо забытое старое)

@Snipe 24 авг 2011 в 05:50

Хм, надо будет попробовать использовать для редактирования комментариев, там как раз картинки редко встречаются.

@quiet_drago 24 авг 2011 в 05:50

Конечно, более всего радует кроссбраузерность.
htmlbook.ru/html/attr/contenteditable
Вообще, атрибуту уже много лет. И, насколько я помню, на нём работают визивиги. Как минимум в реализации для ИЕ.
Увы, не помню что было альтернативой для каких-нибудь мозилл и вэбкитов.

@Enuriru 24 авг 2011 в 06:16

designMode.

@ibeatle 24 авг 2011 в 06:42

не, designMode это на весь документ. был вообще везде и всегда.
в Fx, Opera, Webkit поддержка contentEditable есть уже довольно давно. По-моему только в Fx 2, Opera 9 не было contentEditable.

@Guria 24 авг 2011 в 06:45

А как с мобильными браузерами? На Андроиде у меня он явно параметр воспринимает, но редактировать не дает.

@80x86 24 авг 2011 в 06:57

Хорошая вещь для заполнения шаблонизированных веб-документов.

@torbasow 24 авг 2011 в 07:08

Замечательная возможность для системы уведомления об опечатках на сайте. Посетитель может исправить их прямо на странице, правки можно класть в базу и потом представлять на суд хозяина сайта. Я даже начал писать прототип такой системы, да с временем беда.

@Hellcunt 28 авг 2011 в 15:41

Очень хорошая идея!

@VtD 24 авг 2011 в 08:17

Firefox 5, курсор в конец строчки, enter, backspace, enter ломают систему редактирования (ничего не вводится, хотя курсор есть)

НЛО прилетело и опубликовало эту надпись здесь

@dshster 24 авг 2011 в 09:22

Надо добавить визуальных эффектов для редактируемой области, сейчас не понятно сходу редактируемый там контент или нет, даже если просто ткнуть мышкой и появится курсор (а в FF при нажатии на F7 курсор появляется в любом случае), то неясно что можно редактировать пока не начнёшь набирать текст.

@Garrett 24 авг 2011 в 13:51

можно на страницу добавить

<style type="text/css">#myDiv[contenteditable=true]{border-width:3px;border-style:inset;}</style>

ну или чем там выделить захочется

@Mithgol 24 авг 2011 в 10:20

Согласно caniuse.com, этот атрибут не работает ни в одном мобильном браузере. Так что жаждущие выйти за пределы десктопов (и нетбуков с ноутбуками) должны поберечься.

@poorum 24 авг 2011 в 15:24

В новой iOS должна появится поддержка.

@skitalets 24 авг 2011 в 15:56

скоро он появится в opera mobile

@aps 24 авг 2011 в 12:46

1999 год. MS ввел content editable в IE5.5
2011 год. W3C обратило на это внимание

@Mirror 27 авг 2011 в 21:13

Честно говоря, я не понял, каким образом при нажатии Enter появляются новые элементы в списке. Это делает браузер, похоже? Весьма интересно.

@skitalets 28 авг 2011 в 00:48

Да, браузер. Собственно про это весь пост. Но, очевидно, вы не читали.

@Mirror 28 авг 2011 в 01:26

Не надо дерзить. То, что браузер автоматически подставляет элемент списка (а не тупо перенос строки, что можно было бы ожидать при редактировании текста) — совсем не очевидно.

@maxxannik 26 авг 2013 в 13:55

аналогичным вопросом задался…
нашелся ответ?

Зарегистрируйтесь на Хабре, чтобы оставить комментарий