Блог

Главная - Вопросы по программированию - вырезать содержимое html и сохранить формат?

вырезать содержимое html и сохранить формат?

#php

#php

Вопрос:

 $str = "<div>blahblahblah<b>foofoo</b><i>barbar</i></div>";

Я разделяю две части 

 1-presentation_text
2-full content when click on read more.

  $presentation  = substr($str,0,23);
 <div>blahblahblah<b>foo
  $detail = substr($str,23); 
  foo</b><i>barbar</i></div>

Как я могу сохранить формат, когда он отображается в блоке презентации и блоке деталей?
Я имею в виду

в блоке презентации должно быть:

бла-бла-блаfoo /* foo выделено жирным шрифтом здесь*/

подробно блок

barbarfoo /* foo тоже выделен жирным шрифтом*/

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

1. На данный момент этот вопрос действительно неясен.

2. Я обновил. Вы поняли идею?

Ответ №1:

Гораздо проще сделать это на стороне клиента:

CSS

 .presentation {
    width: 200px;
    height: 20px;
    overflow: hidden;
}
.detail {
    width: auto;
    height: auto;
}

Javascript

 $(function(){
    $('.presentation').live('click', function(){
        $(this).attr('class', 'detail');
    });

    $('.detail').live('click', function(){
        $(this).attr('class', 'presentation');
    });
});

HTML

 <div class="presentation">
    <div>blahblahblah<b>foofoo</b><i>barbar</i></div>
</div>

Рабочий пример:http://jsfiddle.net/fznWf/1