หน้า 1 จากทั้งหมด 1

จะแปลง {new} {/new} {update} {/update} {bug} {/bug} ให้เป็นตามรูปยังไงครับ(ตามรูปที่แนบไว้)

โพสต์แล้ว: 23/11/2019 5:08 pm
โดย bankjittapol
จะแปลง {new} {/new} {update} {/update} {bug} {/bug} ให้เป็นตามรูปยังไงครับ(ตามรูปที่แนบไว้)
คือผมกำลังทำ plugin ปรับแสดงผล changelog อยู่ครับ แล้วกำหนด pattern การกรอกไว้ แล้วต้องการให้ {new} {/new} {update} {/update} {bug} {/bug} แปลงเป็นไปตามรูป แต่ไม่รู้ว่าต้องทำยังไง ช่วยแนะนำหน่อยครับ
ผลลัพธ์ที่อยากได้
รูปภาพ

ตัวอย่างการใส่

โค้ด: เลือกทั้งหมด

 {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>