1 сентября 2013 в 13:31
Привет, всем.
Использую тему Drive, в которой используется шрифт Awesome.
Затем создал блок:
<div class="newSection row-fluid mainServices2">
<div class="singleService span4">
<div class="sepCenter">
<div class="outerCircle rotate1">
<p class="icon190"><span class="icon-beaker"></span></p>
</div>
</div>
<div class="animateIcon">
<h2 class="title">Web Design</h2>
<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>
<p class="sepCenter"><a href="#" class="btn btn-theme-sec btn-large">Learn More</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter">
<div class="outerCircle rotate2">
<p class="icon190"><span class="icon-edit"></span></p>
</div>
</div>
<div class="animateIcon">
<h2 class="title">Identity Design</h2>
<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>
<p class="sepCenter"><a href="#" class="btn btn-theme-sec btn-large">Learn More</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter">
<div class="outerCircle rotate3">
<p class="icon190"><span class="icon-leaf"></span></p>
</div>
</div>
<div class="animateIcon">
<h2 class="title">Print Design</h2>
<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>
<p class="sepCenter"><a href="#" class="btn btn-theme-sec btn-large">Learn More</a></p>
</div>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter">
<div class="outerCircle rotate1">
<p class="icon190"><span class="icon-beaker"></span></p>
</div>
</div>
<div class="animateIcon">
<h2 class="title">Web Design</h2>
<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>
<p class="sepCenter"><a href="#" class="btn btn-theme-sec btn-large">Learn More</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter">
<div class="outerCircle rotate2">
<p class="icon190"><span class="icon-edit"></span></p>
</div>
</div>
<div class="animateIcon">
<h2 class="title">Identity Design</h2>
<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>
<p class="sepCenter"><a href="#" class="btn btn-theme-sec btn-large">Learn More</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter">
<div class="outerCircle rotate3">
<p class="icon190"><span class="icon-leaf"></span></p>
</div>
</div>
<div class="animateIcon">
<h2 class="title">Print Design</h2>
<p class="content">Globally initiate extensive "outside the box" thinking rather than cross-media solutions. Quickly supply low-risk high-yield innovation through user friendly best practices. Interactively repurpose team building initiatives and viral.</p>
<p class="sepCenter"><a href="#" class="btn btn-theme-sec btn-large">Learn More</a></p>
</div>
</div>
</div>
Затем поставил модуль wyswing, скачал библиотеку tinymce. открываю опять этот блок редактировать, с активированным редактором, делаю Disable rich-text для редактирования html кода руками. и вижу что он удалил все тэги где были пустые. в частности иконки.
<div class="newSection row-fluid mainServices2">
<div class="singleService span4">
<div class="sepCenter"> </div>
<div class="animateIcon">
<h2 class="title">Наши врачи</h2>
<p class="sepCenter"><a class="btn btn-theme-sec btn-large" href="doctors.htm">Подробнее</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter"> </div>
<div class="animateIcon">
<h2 class="title">Наши клиники</h2>
<p class="sepCenter"><a class="btn btn-theme-sec btn-large" href="nashi-partnery.htm">Подробнее</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter"> </div>
<div class="animateIcon">
<h2 class="title">Наша поликлиника</h2>
<p class="sepCenter"><a class="btn btn-theme-sec btn-large" href="#">Подробнее</a></p>
</div>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter"> </div>
<div class="animateIcon">
<h2 class="title">Наши врачи</h2>
<p class="sepCenter"><a class="btn btn-theme-sec btn-large" href="doctors.htm">Подробнее</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter"> </div>
<div class="animateIcon">
<h2 class="title">Наши клиники</h2>
<p class="sepCenter"><a class="btn btn-theme-sec btn-large" href="nashi-partnery.htm">Подробнее</a></p>
</div>
</div>
<div class="singleService span4">
<div class="sepCenter"> </div>
<div class="animateIcon">
<h2 class="title">Наша поликлиника</h2>
<p class="sepCenter"><a class="btn btn-theme-sec btn-large" href="#">Подробнее</a></p>
</div>
</div>
</div>
Если я напишу например, вот так , то иконки строи не удаляются но иконки тогда отображаются сдвинуты, криво.
И теперь вопрос как настроить tinymce, или wyswing чтобы не удалялись пустые тэги и не дописывать пробел?
Комментарии
Причина заключается в том, что в TinyMCE есть опция "Применять исходное форматирование", которая по-умолчанию отключена. Из-за этого при вставке кода, некоторые тэги обрезаются из-за настроек безопасности плагина.