Skip to content
Create a gist now

Instantly share code, notes, and snippets.

my editor
data:text/html,
<style type="text/css">
#e {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
font-size:16px;
}
</style>
<div id="e"></div>
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
var myKey="SecretKeyz";
$(document).ready(function(){
var e;
var url = "http://api.openkeyval.org/"+myKey;
$.ajax({
url: url,
dataType: "jsonp",
success: function(data){
e = ace.edit("e");
e.setTheme("ace/theme/tomorrow_night_eighties");
e.getSession().setMode("ace/mode/markdown");
e.setValue(data);
}
});
$("#e").on("keydown", function (b) {
if (b.ctrlKey && 83 == b.which) {
b.preventDefault();
var data = myKey+"="+encodeURIComponent(e.getValue());
$.ajax({
data: data,
url: "http://api.openkeyval.org/store/",
dataType: "jsonp",
success: function(data){
alert("Saved.");
}
});
}
});
});
</script>
@285984303

nice~

@cfontes
cfontes commented Jan 30, 2013

Nice...

Doing it like this you keep the screen from flashing when the theme is being switched.

And the %s is useful if you want to map this as a searchEngine in Chrome ans use a keyword to launch it from OmniBox

data:text/html,
<style type="text/css"> 
    #e { position:absolute; top:0; right:0; bottom:0; left:0; font-size:16px; } 
</style>
<div id="e">%s</div>

<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script> 
    var myKey="SecretKeyz"; 
    $(document).ready( 
        function(){ 
            var e = ace.edit("e");
            e.setTheme("ace/theme/twilight");
            e.getSession().setMode("ace/mode/javascript"); 
            var url = "http://api.openkeyval.org/"+myKey; 
            $.ajax({ 
                url: url, 
                dataType: "jsonp", 
                success: 
                    function(data){                         
                        e.setValue(data); 
                    } 
            }); 
            $("#e").on
            ("keydown", function (b) { 
                if (b.ctrlKey && 83 == b.which) { 
                    b.preventDefault(); 
                    var data = myKey+"="+encodeURIComponent(e.getValue()); 
                    $.ajax({ 
                        data: data, 
                        url: "http://api.openkeyval.org/store/", 
                        dataType: "jsonp", 
                        success: function(data){ alert("Saved."); 
                    } 
                }); 
                } 
            }); 
        }
    ); 
</script>´´´
@lovemyliwu

不错,太nb了

@GL8666
GL8666 commented Jan 30, 2013

Awsome~

@arbing
arbing commented Jan 30, 2013

Nice

<title>TextEditor</title>
@assassindesign

光打字多无聊来个画图的玩玩:)

data:text/html, <body><canvas id="dyDraw">你的浏览器不支持HTML5 Canvas</canvas></body><script>function $(id){return document.getElementById(id);} $('dyDraw').width=document.body.clientWidth;$('dyDraw').height=document.body.clientHeight;if(window.addEventListener){window.addEventListener('load',function(){var canvas,canvastext;var hua=false;function dyDrawing(){canvas=$('dyDraw');canvastext=canvas.getContext('2d');canvas.addEventListener('mousedown',canvasMouse,false);canvas.addEventListener('mousemove',canvasMouse,false);window.addEventListener('mouseup',canvasMouse,false);} function canvasMouse(dy){var x,y;if(dy.layerX||dy.layerX==0){x=dy.layerX;y=dy.layerY;}else if(dy.offsetX||dy.offsetX==0){x=dy.offsetX;y=dy.offsetY;} x-=dyDraw.offsetLeft;y-=dyDraw.offsetTop;if(dy.type=='mousedown'){hua=false;canvastext.beginPath();canvastext.moveTo(x,y);hua=true;}else if(dy.type=='mousemove'){if(hua){canvastext.strokeStyle="rgb(255,0,0)";canvastext.lineWidth=9;canvastext.lineTo(x,y);canvastext.stroke();}}else if(dy.type=='mouseup'){hua=false;}} dyDrawing();},false);}</script>
@minikomi
Owner

@assassindesign haha.. sketch pad :)

@xrfinbupt

cool

@zonesan
zonesan commented Jan 31, 2013

I can ust it to type text, but can not save to a file.

@decradish

WOW!!!

@wangjiaqi

强大

@berlino
berlino commented Feb 4, 2013

技术宅拯救世界

@DOXuxi
DOXuxi commented Feb 4, 2013

NNNN!!!!!!

@inmyfree
inmyfree commented Feb 5, 2013

cool

@ekd123
ekd123 commented Feb 5, 2013

善哉!

@bingwen
bingwen commented Feb 15, 2013

cool

@bingwen
bingwen commented Feb 15, 2013

cool

@houtf
houtf commented Feb 17, 2013

牛B

@lioneltsai

拉轰!!

@wg19891116

nice

@tylerlong

Now we have Slim Text

Slim Text

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.