Редактирование HTML в браузере.

Как должно быть, как есть, и зачем это вообще нужно.

  • 1990 WorldWideWeb file:
  • 2000 Trident (Internet Explorer 5.5)
  • 2003 Gecko 1.3 (Mozilla 1.3) designMode
  • 2005 WebKit 312 (Safari 1.3)
  • 2006 Presto 2.0 (Opera 9)
  • 2007 Gecko 1.9.2 (Fire Fox 3.a6+) contentEditable
2008

HTML5 Editing API свойства, методы

2011

HTML Editing API поведение

+

Clipboard API and events

UndoManager and DOM Transaction

Selections

Range

SpellCheck API

Оригинал
Возвышаюсь, падая ниц,
Вижу все, закрывая глаза,

Все равно я люблю эту жизнь,
ее страшные чудеса

WebKit
Возвышаюсь, падая ниц,<div>Вижу все, закрывая глаза,</div><div><br></div><div>Все равно я люблю эту жизнь, </div><div>ее страшные чудеса</div><div><br></div><div><br></div>
Gecko
Возвышаюсь, падая ниц,<br>Вижу все, закрывая глаза,<br><br>Все равно я люблю эту жизнь, <br>ее страшные чудеса<br><br><br>
Presto
<p>Возвышаюсь, падая ниц,</p><p>Вижу все, закрывая глаза,</p><p><br></p><p>Все равно я люблю эту жизнь, </p><p>ее страшные чудеса</p><p><br></p><p><br></p><p><br></p>
Trident
<P>Возвышаюсь, падая ниц, </P> <P>Вижу все, закрывая глаза,</P> <P>&nbsp;</P> <P>Все равно я люблю эту жизнь,</P> <P>ее страшные чудеса</P> <P>&nbsp;</P> <P>&nbsp;</P> <P>&nbsp;</P>

Стили внутри WYSIWYG не должны отличаться от стилей сайта

Редактировани как есть
Страница сайта
Редактирование сайта как должно быть

WYSIWYG в общем случае не должен формировать представления

Что может быть, если дать в руки редактора стили

WYSIWYG должен быть написан или кастомизирован под конкретный проект

Специфические элементы

Редактирование материалов непосредственно на страницах сайта

Специфические элементы
Специфические элементы
Специфические элементы
Специфические элементы
Специфические элементы
2?

Панель аминистрирования интегрированная с пользовательской частью или ограниченный функционал редактирования

Давайте немного подумаем вместе!

Докладчик: Антон Немцев

Skype: ravencry

Email: thesilentimp@gmail.com

Twitter: silentimp