Regex: Memilih Tag HTML

on Sunday, March 11, 2018
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[^>]*>


Codemirror : Menambahkan Ctrl+D sebagai DuplicateLine

on Monday, February 19, 2018
Codemirror  adalah salah satu textarea replacement favorit saya. Tetapi karena saya lebih sering menggunakan Editor Geany untuk ngoding offline, acapkali kebiasaan-kebiasaan di Geany masih terbawa. Salah satunya adalah DuplicateLine dengan menekan Ctrl-D, sayangnya di Codemirror fungsinya jauh beda, deleteLine.

Otak-atik codemirror.js plus informasi dari Stackoverflow,ternyata bisa juga diubah.

  1. Buka codemirror.js dengan editor favorit.
  2. Search fungsi deleteLine
  3. Tambahkan beberapa baris berikut
deleteLine: function (cm) { return deleteNearSelection(cm, function (range) { return ({
from: Pos(range.from().line, 0),
to: clipPos(cm.doc, Pos(range.to().line + 1, 0))
}); }); },
//
//Start duplicateLine
duplicateLine : function(cm){
var current_cursor = cm.doc.getCursor();
var line_content = cm.doc.getLine(current_cursor.line);
CodeMirror.commands.goLineEnd(cm);
CodeMirror.commands.newlineAndIndent(cm);
cm.doc.replaceSelection(line_content);
cm.doc.setCursor(current_cursor.line + 1, current_cursor.ch);
},
//End duplicateLine
//
delLineLeft: function (cm) { return deleteNearSelection(cm, function (range) { return ({
from: Pos(range.from().line, 0), to: range.from()
}); }); },
  1. Search lagi fungsi deleteLine
    kemudian tambahkan perintah keyboard berikut. .... tidak usah ditulis maksudnya itu dan seterusnya :D
keyMap.pcDefault = { "Ctrl-A": "selectAll", "Alt-D": "deleteLine", "Ctrl-D": "duplicateLine", "Ctrl-Z": "undo", .....
  1. Simpan dan cobalah code mirror di browser
  2. Jika belum bisa, clear cache browser anda.  
Sumber : Stackoverflow

Linux Mint : ANGRYsearch, Everithing-nya Linux.

on Wednesday, March 29, 2017
Bagi pengguna Windows search paling simple adalah Everything, kecil, handal dan cepat. Nah bagaimana jika di Linux ternyata ada juga tools keren tersebut, namanya ANGRYsearch.



Installasi
  1. Download dari https://github.com/DoTheEvo/ANGRYsearch/releases
  2. Extrak dan masuklah ke terminal tempat ektrak file tersebut. Melalui command line ketiklah :
  3. chmod +x install.sh && sudo ./install.sh
  4. Masukkan password root
  5. Icon ANGRYsearch sudah tampil di menu.
  6. Jangan lupa Mount semua drive Windows (C, D, E) jika anda menggunakan dual boot
  7. Jalankan ANGRYsearch
  8. Tekan Update untuk pengindexan, dan tunggu beberapa saat.
  9. Kalau sudah selesai tinggal search seperti di Everything.
Uninstall
sudo rm -r /usr/share/angrysearch /usr/bin/angrysearch 
/usr/share/applications/angrysearch.desktop