เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

 {version=1.0.3 2019-02-02}
{new}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/new}

{update}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/update}
{bug}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/bug}
{/version}

<div class="changelog-inner">
  <h3 class="changelog-title"> Version 1.0.0
  <span>2019-12-01</span></h3>
  <div class="changelog-content">
    <div class="row">
      <div class="col-md-4">
        <h4 class="changelog-type changelog-type-new">New</h4>
        <ul>
          <li> <i class="fa fa-plus-circle"></i> ข้อความ </li>
          <li> <i class="fa fa-plus-circle"></i> ข้อความ </li>
          <li> <i class="fa fa-plus-circle"></i> ข้อความ </li>
        </ul>
      </div>
      <div class="col-md-4">
        <h4 class="changelog-type changelog-type-update">Update</h4>
        <ul>
          <li> <i class="fa fa-refresh"></i> ข้อความ </li>
          <li> <i class="fa fa-refresh"></i> ข้อความ </li>
          <li> <i class="fa fa-refresh"></i> ข้อความ </li>
        </ul>
      </div>
      <div class="col-md-4">
        <h4 class="changelog-type changelog-type-fix">Bug fix</h4>
        <ul>
          <li> <i class="fa fa-bug"></i> ข้อความ </li>
          <li> <i class="fa fa-bug"></i> ข้อความ </li>
          <li> <i class="fa fa-bug"></i> ข้อความ </li>
        </ul>
      </div>
    </div>
  </div>
</div> 

[b]จะแปลง {new} {/new} {update} {/update} {bug} {/bug} ให้เป็นตามรูปยังไงครับ(ตามรูปที่แนบไว้)[/b]
คือผมกำลังทำ plugin ปรับแสดงผล changelog อยู่ครับ แล้วกำหนด pattern การกรอกไว้ แล้วต้องการให้ {new} {/new} {update} {/update} {bug} {/bug} แปลงเป็นไปตามรูป แต่ไม่รู้ว่าต้องทำยังไง ช่วยแนะนำหน่อยครับ
ผลลัพธ์ที่อยากได้
[img]http://snap.mindphp.com/index.php?view=2019Nov23_5dd9010e9479c[/img]

ตัวอย่างการใส่
[code] {version=1.0.3 2019-02-02}
{new}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/new}

{update}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/update}
{bug}
<ul>
<li>ข้อความ</li>
<li>ข้อความ</li>
</ul>
{/bug}
{/version}[/code]


รูปแบบการแสดงผลที่เตรียมไว้แล้ว

[code]<div class="changelog-inner">
<h3 class="changelog-title"> Version 1.0.0
<span>2019-12-01</span></h3>
<div class="changelog-content">
<div class="row">
<div class="col-md-4">
<h4 class="changelog-type changelog-type-new">New</h4>
<ul>
<li> <i class="fa fa-plus-circle"></i> ข้อความ </li>
<li> <i class="fa fa-plus-circle"></i> ข้อความ </li>
<li> <i class="fa fa-plus-circle"></i> ข้อความ </li>
</ul>
</div>
<div class="col-md-4">
<h4 class="changelog-type changelog-type-update">Update</h4>
<ul>
<li> <i class="fa fa-refresh"></i> ข้อความ </li>
<li> <i class="fa fa-refresh"></i> ข้อความ </li>
<li> <i class="fa fa-refresh"></i> ข้อความ </li>
</ul>
</div>
<div class="col-md-4">
<h4 class="changelog-type changelog-type-fix">Bug fix</h4>
<ul>
<li> <i class="fa fa-bug"></i> ข้อความ </li>
<li> <i class="fa fa-bug"></i> ข้อความ </li>
<li> <i class="fa fa-bug"></i> ข้อความ </li>
</ul>
</div>
</div>
</div>
</div> [/code]