URL: https://www.opennet.me/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID8
Нить номер: 6855
[ Назад ]

Исходное сообщение
"Верстка вложенных нумерованных списков"

Отправлено Azudim , 18-Май-10 17:00 
Подскажите кто сталкивался - нужно прикрутить OnLine редактор документов (договоров), засада в том, что WYSIWYG редакторы аля TinyMce в нумерации списков используют только один разряд цифр. как собственно и простой HTML, списки получаются вида:
------
1.
   1.
   2.
   3.
2.
3.
--------
а нужно как в "продвинутых" редакторах :
------
1.
   1.1
   1.2
   1.3
2.
3.
--------
Что проще - парсить после сохранения в редакторе HTML и добиваться вложенности или есть способы попроще ?

Содержание

Сообщения в этом обсуждении
"Верстка вложенных нумерованных списков"
Отправлено JohnProfic , 18-Май-10 23:18 
>Подскажите кто сталкивался - нужно прикрутить OnLine редактор документов (договоров), засада в
>том, что WYSIWYG редакторы аля TinyMce в нумерации списков используют только
>один разряд цифр. как собственно и простой HTML.
>Что проще - парсить после сохранения в редакторе HTML и добиваться
>вложенности или есть способы попроще ?

Еще со времен CSS2 есть простой способ сделать именно то, что нужно всего тремя строками в таблице стилей:
ol { counter-reset: item; }
li { display: block; counter-increment: item; }
li:before { content: counters(item, ".") ") "; }
НО!
1) Это приметимо только для списка, где вложенные <ol> являются потомками <li>, а не старшего <ol> -- в противном случае мешается определение области действия счетчика в стандарте.
2) Это работает в IE/8 и Firefox/3.6.3, для Оpera/10.53 список нужно обернуть в какой-нибудь контейнер, чтобы отдельные списки в одном контейнере не наследовали счетчики (тут Opera более точно следует стандарту).

Если таблицу стилей изменить для улучшения ситуации с областью действия счетчика на:
li:first-child { counter-reset: item; }
li { display: block; counter-increment: item; }
li:before { content: counters(item, ".") ") "; }
то
1) В IE и Firefox любой тип вложения списка отображается правильно.
2) НО! В Opera/10.53 получается что-то странное.

Выводы делайте сами...