ค้นหาและแทนที่ด้วย Notepad ++

มีรายการขนาดใหญ่พร้อมไอคอนเพื่อรวมไว้ใน HTML

icon-picons-abacus icon-picons-add icon-picons-airplay icon-picons-alert

รหัส HTML

<div class="col-sm-4 col"><em class="icon-picons-diamond"></em>

คำว่า 'diamond ควรถูกแทนที่ด้วยคำสุดท้ายของรายการ (ลูกคิด, เพิ่ม, ออกอากาศ, การแจ้งเตือนและอื่น ๆ )

พยายามหา:

icon-picons-.*?

และรูปแบบการแทนที่หลายแบบที่นี่มีเพียงอันเดียว

\1<div class="col-sm-4 col"><em class="(*)"></em>

ส่วน 'ไอคอน -picons-' หายไปเสมอและคำที่เป็นเจ้าของสถานที่ (ลูกคิด, เพิ่ม, ออกอากาศ, การแจ้งเตือนและอื่น ๆ ) จะปรากฏที่ท้ายและไม่อยู่ในตำแหน่งหลัง 'คลาส'
รับผลการค้นหา:

<div class="col-sm-4 col"><em class="*"></em>abacus

จาก

<div class="col-sm-4 col"><em class="icon-picons-abacus"></em>

ขอบคุณล่วงหน้าสำหรับความช่วยเหลือของคุณไป

มีการแสดงออกขยายคุณสามารถจับภาพที่มี parens ()และแทนที่คำว่า "n" TH \nจับกับ โปรดทราบว่าไม่ใช่การขึ้นบรรทัดใหม่ แต่ควรเป็นตัวเลข

อย่างไรก็ตามถ้าฉันเข้าใจคำถามอย่างถูกต้องคุณมีเพชรจำนวนมากและจำเป็นต้องเปลี่ยนเพชรแต่ละอันด้วยไอคอนที่แตกต่างกันหรือไม่? แต่ละอันต่อเนื่องกันในรายการไอคอน? ฉันจะดูเป็นการแทนที่ด้วยปลั๊กอินหลาม

คำว่า "diamond" ควรถูกแทนที่ด้วยคำสุดท้ายของรายการ (ลูกคิด, เพิ่ม, ออกอากาศ, การแจ้งเตือนและอื่น ๆ )

• เมนู "ค้นหา"> "แทนที่" (หรือCtrl+ H)

• ตั้งค่า "ค้นหาสิ่งที่" เป็น icon-picons(.*)

• ตั้งค่า "แทนที่ด้วย" เป็น <div class="col-sm-4 col"><em class="icon-picons\1"></em>

• เปิดใช้งาน "นิพจน์ทั่วไป"

• คลิก "แทนที่ทั้งหมด"

  

ก่อน :

icon-picons-abacus
icon-picons-add
icon-picons-airplay
icon-picons-alert

หลัง :

<div class="col-sm-4 col"><em class="icon-picons-abacus"></em>
<div class="col-sm-4 col"><em class="icon-picons-add"></em>
<div class="col-sm-4 col"><em class="icon-picons-airplay"></em>
<div class="col-sm-4 col"><em class="icon-picons-alert"></em>

อ่านเพิ่มเติม

• Notepad ++: คำแนะนำในการใช้นิพจน์ทั่วไปและโหมดการค้นหาเพิ่มเติม

ขอบคุณมากแฮงค์

ฉันต้องการชี้แจงสิ่งนี้:
1. ฉันมีรายการที่มีไอคอนมากกว่า 500 แถวและฉันต้องการเพิ่มรหัส HTML ในชื่อไอคอนนี่คือตัวอย่างสามประการ:

icon-picons-abacus, icon-picons-add, icon-picons-airplay and so on...

2. ฉันต้องการเพิ่มรหัส HTML นี้ก่อน:

<div class="col-sm-4 col"><em class="

และรหัส HTML นี้หลังชื่อไอคอน

"></em>

3. ผลลัพธ์สำหรับแถวทั้งหมด 500 ควรมีลักษณะดังนี้:

<div class="col-sm-4 col"><em class="icon-picons-abacus"></em>

4. แทนที่จะใช้ 'ลูกคิด' เป็นคำสุดท้ายของ 'icon-picon-' เสมอ ถัดไปจะเป็น 'เพิ่ม' จากนั้น 'ออกอากาศ', 'การแจ้งเตือน' และอื่น ๆ

หวังว่าฉันจะอธิบายได้ดี
;-)

ไป