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