จะกำหนด icon เฉพาะ ข้อความใน tag new ได้ยังไงครับ

[bankjittapol]

จะกำหนด icon เฉพาะ ข้อความใน tag new ได้ยังไงครับ

คือผมกำลังทำ plugin ปรับแสดงผล changelog อยู่ครับ แล้วกำหนด pattern การกรอกไว้ แล้วต้องการจะใส่ icon ให้อยู่หน้าข้อความ ตาม ชนิด tag นั้นๆ เช่น {new} ก็จะเป็น icon + {bug} ก็จะเป็น icon รูปบัค แต่ไม่รู้ว่าจะ ทำยังไงให้กำหนดได้ตาม tag นั้น ๆ จึงขอคำแนะนำหน่อยครับ


ที่ทำได้


คำสั่งที่ใช้ แต่ว่าเป้นการอ้างอิง แท็ค li ทั้งหน้า

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

      $article->text =  str_replace('<li>','<li> <i class="fa fa-plus-circle"></i>',$article->text);

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

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

[mindphp]

แก้ปัญหาได้หรือยังครับ

[bankjittapol]

แก้ปัญหาได้หรือยังครับ

ได้แล้วครับ โดยการใช้ CSS คำสั่ง list-style-image เพื่อใช้ รูปภาพแสดงที่ รายการแทน

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

.new-list ul {
  list-style-image: url('../icon/new.png');
}
.update-list ul {
  list-style-image: url('../icon/update.png');
}
.bug-list ul {
  list-style-image: url('../icon/bug.png');
}

โดยศึกษาเพิ่มเติมได้ที่นี่
CSS การใช้รูปภาพแสดงที่ Tag List