Question

I have a bunch of html string.(Raw String)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Cras a egestas lacus. Praesent non ante in dui pellentesque 
molestie. Fusce facilisis, libero eu pellentesque varius, 
est magna pretium urna, id dictum urna tortor eget neque. 
Sed a arcu a lectus euismod volutpat. Aenean est urna, 
ultricies quis consequat sit amet, pretium a massa. 
Praesent sit amet nisl nec dolor malesuada posuere. 
Phasellus ac urna eget ligula vehicula cursus. Donec
 volutpat dui egestas dolor aliquet interdum. Vestibulum 
 ante ipsum primis in faucibus orci luctus et ultrices 
 posuere cubilia Curae; Duis sed neque sed mauris gravida 
 rhoncus. 
 <ul class="image-info">
    <li id="ID5555-1" class="image-size"></li>
    <li id="ID5555-2" class="image-height"></li>
    <li id="ID5555-3" class="image-width"></li>
</ul>
<div id="ID5555-4"  class="file-preview"></div>
<div id="ID5555-5"  class="file-detail"></div>

Cum sociis natoque penatibus et magnis dis parturient montes, 
nascetur ridiculus mus. Nam eu egestas ipsum. Duis ultrices 
vehicula metus, sit amet convallis libero suscipit ac.

<ul class="image-info">
    <li id="ID7777-1" class="image-size"></li>
    <li id="ID7777-2" class="image-height"></li>
    <li id="ID7777-3" class="image-width"></li>
</ul>
<div id="ID7777-4"  class="file-preview"></div>
<div id="ID7777-5"  class="file-detail"></div>

 Nullam libero lorem, suscipit in imperdiet ac, porttitor sit amet turpis.
 Cras tincidunt imperdiet eros, id sagittis felis pellentesque sit amet. 
 Mauris ultrices nulla ac dolor fermentum at feugiat erat egestas. Quisque 
 dapibus tellus eu dolor sagittis consequat. Maecenas dapibus dolor et nunc 
 sollicitudin laoreet. Sed lacus est, pharetra a fringilla eu, ornare varius 
 lacus. Etiam at lorem in leo molestie interdum ut vitae diam. Morbi semper 
 velit vitae elit ullamcorper id rutrum 

<ul class="image-info">
    <li id="ID9999-1" class="image-size"></li>
    <li id="ID9999-2" class="image-height"></li>
    <li id="ID9999-3" class="image-width"></li>
</ul>
<div id="ID9999-4"  class="file-preview"></div>
<div id="ID9999-5"  class="file-detail"></div>

In venenatis elementum mauris, 
at auctor nulla cursus ac. Duis accumsan nisi ut 
eros euismod vehicula. Duis luctus dui eget nibh 
tempus lacinia tristique libero imperdiet. 
Sed tristique pulvinar suscipit. 

Through php script, I want to find a string pattern
and replace it with some other string.

below you can see the string pattern.
and you can find it 3 times in the original raw string.

<ul class="image-info">
    <li id="unique-name1" class="image-size"></li>
    <li id="unique-name2" class="image-height"></li>
    <li id="unique-name3" class="image-width"></li>
</ul>
<div id="unique-name4"  class="file-preview"></div>
<div id="unique-name5"  class="file-detail"></div>

in the raw string, there are lots of this pattern strings.
and “unique-name” is identification id of the pattern, unique, ex)ID23291
and this is replacement string

<div id="unique--name" class="raw-image-info"></div>

so, the final string should be like this~

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Cras a egestas lacus. Praesent non ante in dui pellentesque 
molestie. Fusce facilisis, libero eu pellentesque varius, 
est magna pretium urna, id dictum urna tortor eget neque. 
Sed a arcu a lectus euismod volutpat. Aenean est urna, 
ultricies quis consequat sit amet, pretium a massa. 
Praesent sit amet nisl nec dolor malesuada posuere. 
Phasellus ac urna eget ligula vehicula cursus. Donec
 volutpat dui egestas dolor aliquet interdum. Vestibulum 
 ante ipsum primis in faucibus orci luctus et ultrices 
 posuere cubilia Curae; Duis sed neque sed mauris gravida 
 rhoncus. 
<div id="ID5555" class="raw-image-info"></div>    
Cum sociis natoque penatibus et magnis dis parturient montes, 
nascetur ridiculus mus. Nam eu egestas ipsum. Duis ultrices 
vehicula metus, sit amet convallis libero suscipit ac.

<div id="ID7777" class="raw-image-info"></div>    

 Nullam libero lorem, suscipit in imperdiet ac, porttitor sit amet turpis.
 Cras tincidunt imperdiet eros, id sagittis felis pellentesque sit amet. 
 Mauris ultrices nulla ac dolor fermentum at feugiat erat egestas. Quisque 
 dapibus tellus eu dolor sagittis consequat. Maecenas dapibus dolor et nunc 
 sollicitudin laoreet. Sed lacus est, pharetra a fringilla eu, ornare varius 
 lacus. Etiam at lorem in leo molestie interdum ut vitae diam. Morbi semper 
 velit vitae elit ullamcorper id rutrum 

<div id="ID9999" class="raw-image-info"></div>    

In venenatis elementum mauris, 
at auctor nulla cursus ac. Duis accumsan nisi ut 
eros euismod vehicula. Duis luctus dui eget nibh 
tempus lacinia tristique libero imperdiet. 
Sed tristique pulvinar suscipit. 

I think it’s a little bit complicate. regex and preg_replace is the way?
Do I have to find another way to do this work?

Answer 1

At last, I find a solution of this problem.
My solution is not using php, using jquery.
Process it in client, not server.

the code is like this,

$(document).ready(function(){
    $("ul.image-info").each(function(){
        $(this).replaceWith('');
    });
    $("div.file-preview").each(function(){
        $(this).replaceWith('<div class="raw-image-info" id="' + 
          $(this).attr("id").substring(0, $(this).attr("id")-1) + '"></div>');
    });
    $("div.file-detail").each(function(){
        $(this).replaceWith('');
    });
});

Hope this help for another guys who confront this kind of problem too.