Regex: Memilih Tag HTML

Beberapa Text editor sekarang sudah dilengkapi dengan fasilitas Pencarian dengan Regular Expression atau Regex. Contohnya Notepad++, EditPlus, PsPad, bahkan seperti CodeMirrorpun juga sudah dilengkapi pencarian dengan regex tersebut.

Berikut saya tampilkan beberapa regex yang barangkali berguna untuk membersihkan/mencari/mengganti beberapa Tag HTML.

• Memilih tag gambar <img>

<img[^>]+>

• Memilih tag tertentu, misalkan antara <pre> dan </pre>. Untuk keperluan lain silahkan diganti.

<pre>=\"(.*?)\</pre>

• Menghapus tag html beserta atribut yang ada di dalamnya kecuali tag yang didefinisikan. Dari contoh dibawah ini semua tag html akan dihapus kecuali br, img, sup, sub, b, i, storng dan em. 

 <\/?(?!br)(?!img)(?!sup)(?!\/sup)(?!sub)(?!\/sub)(?!b)(?!\/b)(?!i)(?!\/i)(?!strong)(?!\/strong)(?!em)(?!\/em)\W*\b[^>]*>

HTML : WebBase HTML Editor

Sudah jamak ketika kita menggunakan  textarea, lebih-lebih untuk editor RTF ataupun coding maka textarea tersebut kita ganti dengan editor yang lebih powerfull. Nah berikut ini akan saya tampilkan berbagai textarea replacement, yang tentu saja jalan dari browser, tinggal dipilih mana paling sreg dengan hati.

HTML/TEXT Editor

1. CodeMirror
   Ini adalah html editor favorit saya, karena mempunyai segudang fasilitas, disamping codewarna, juga mendukung wordwrap dan fullscreen, hanya saja tidak ada WYSIWYG menu.
2. ACE
   Ini juga editor dengan segudang fasilitas, tapi belum nyari gimana buat replacement textarea.
3. Markitup
   Ini juga editor keren, satu-satunya html editor yang mendukung WYSIWYG, sayangnya sintaknya nggak warna-warni.
4. EditArea
   Dahulunya banyak yang menggunakan, selain tampilannya warna-warni, search dan pengubahan font lebih mudah.

RTF Editor

RTF editor lebih variatif daripada  HTML/Text editor

1. CKEditor
   Ini editor favorit saya, pluginsnya banyak.
2. TinyMCE
   Editor ini juga mendukung banyak plugins dan theme. Bahkan ada juga yang berhasil mengcustomisasi berbentuk ribbon seperti Office 2007.
3. NiceEdit
4. jHTML 
5. Froala  
6. WYEditor