2013年4月24日 星期三

將Google Chrome瀏覽器變成網頁編輯器(html、css、js、php)

若要將Chrome變成Javascript編輯器的話,只要在網址列輸入以下的參數。接著將這參數,加入書籤中,以便於日後使用。

data:text/html, <style type="text/css">#e{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/ruby");</script>


其實剛的參數中只要將setMode("ace/mode/monokai")修改成,所需的的語言就可以了,例如:

Markdown : 'ace/mode/markdown'
Python: 'ace/mode/python'
C/C++ : 'ace/mode/c_cpp'
Javscript: 'ace/mode/javascript'
Java: 'ace/mode/java'
Scala: 'ace/mode/scala'
CoffeeScript: 'ace/mode/coffee'
css, html, php, latex, tex, sh, sql, lua, clojure, dart, typescript, go, groovy, json, jsp, less, lisp, lucene, perl, powershell, scss, textile, xml, yaml, xquery, liquid, diff and many more. 


原始介紹文章出自於此



沒有留言:

張貼留言