Tarayıcınızı Editör Olarak Kullanın

cross-browser_0

3. parti editörlerden sıkıldıysanız birde tarayıcınızın editörünü kullanın. Yapmanız gereken şey ise çok basit. Aşağıdaki kodu tarayıcınızın adres girme kısmına yapıştırıp enter tuşuna basmak.

data:text/html;charset=utf-8, <html contenteditable>

Nasıl Çalışıyor?
Bu özellik Data URI formatı tarafından bu özelliği destekleyen tarayıcılarda çalışıyor. Sadece yaptığımız işlem adres satırına yazılan kodun tarayıcı tarafından render edilmesinden ibaret. Normal bir HTML5 sayfadan farksız.

Editörü Düzenleyebilirsiniz
Yukarıdaki kod ile sadece basit olarak bir editör ortamı elde edeceksiniz. Fakat bu size yetmiyorsa, renkli temaları kullanabilirsiniz.

Sublime Text 2 Tema

data:text/html,<link rel="shortcut icon" href="http://g.etfv.co/http://www.sublimetext.com"/><title>Sublime Text 2</title><style type="text/css">#e{font-size: 16px; position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/javascript");</script>

Matrix Tema

data:text/html, <style>html,body{margin: 0; padding: 0;}</style><textarea style="font-size: 1.5em; line-height: 1.5em; background: %23000; color: %233a3; width: 100%; height: 100%; border: none; outline: none; margin: 0; padding: 90px;" autofocus placeholder="wake up Neo..." />

Çok iyi değil mi? Sizde kodları düzenleyerek kendi temanızı yayınlayabilirsiniz.

Güncelleme:
Yazdığınız içeriği kaydetmek için Ctrl + S yapmanız yeterli oalcaktır. İçerikler .html formatında olduğu gibi kaydedilecektir.

  
  • Yorumunuz için teşekkür ederim.