Audio Chrome Style Lama

on Monday, August 6, 2018
Player audio chrome browser agar kembali ke tampilan lama :
chrome://flags/#enable-modern-media-controls  > Disabled > Restart

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