Jump to content
Login new information ×
Login new information

Bookmarklets

demon.devin

By demon.devin
in The Chat Bar

Recommended Posts

demon.devin

demon.devin

Posted
Posted

I thought we could start a thread for sharing some cool bookmarklets that anyone has found in their travels across the internet.

 

JavaScript Editor

Here's a nifty little bookmarklet that I created which allows the user quick access to an in browser JavaScript editor with syntax highlighting. Just copy and paste the code block below to a new bookmark to your bookmark's toolbar and go from there. 

  

data:text/html,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>InBrowser JS Editor</title><link rel="stylesheet" type="text/css" href="https://codemirror.net/lib/codemirror.css" /><link rel="stylesheet" type="text/css" href="https://codemirror.net/doc/docs.css"/><link rel="stylesheet" type="text/css" href="https://codemirror.net/theme/base16-dark.css"/><style>.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div { position: absolute; background: #ccc; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(80, 80, 80, 0.5); border-radius: 2px;}.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical { position: absolute; z-index: 6; background: rgba(80, 80, 80, 0.25);}.CodeMirror-simplescroll-horizontal { bottom: 0; left: 0; height: 8px;}.CodeMirror-simplescroll-horizontal div { bottom: 0; height: 100%;}.CodeMirror-simplescroll-vertical { right: 0; top: 0; width: 8px;}.CodeMirror-simplescroll-vertical div { right: 0; width: 100%;}.CodeMirror-simplescroll .CodeMirror-scrollbar-filler, .CodeMirror-simplescroll .CodeMirror-gutter-filler { display: none; background: rgba(0, 0, 0, 0);}.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div { position: absolute; background: rgba(80, 80, 80, 0.75); border-radius: 3px;}.CodeMirror-code { border-left: 1px solid rgba(69, 69, 69, 0.5);}.CodeMirror { border-radius: 3px;}body { color: #fff; font-size: 1rem; font-family: Helvetica; line-height: 1.4; max-width: 60rem; margin: 0 auto; padding: 4rem; background: #000; color: #fff;}textarea.code { border-radius: 3px;} </style><script src="https://codemirror.net/lib/codemirror.js"/></script><script src="https://codemirror.net/mode/javascript/javascript.js"></script><script src="https://codemirror.net/addon/scroll/simplescrollbars.js"></script></head><body><h1>InBrowser JS Editor</h1><textarea id="code" name="code"></textarea><script>var editor = CodeMirror.fromTextArea(document.getElementById("code"), {theme: 'base16-dark',scrollbarStyle: 'simple',lineNumbers: true,matchBrackets: true});</script></body></html>

 

I'm sure this can also be done with other scripting languages as well like PHP and Python as well.

 

Enjoy!

Link to comment
Share on other sites
  • Replies 13
  • Views 1.2k
  • Created
  • Last Reply
Kalju

Kalju

Posted
Posted
5 minutes ago, demon.devin said:

JavaScript Editor 

http://data/html,%3C!DOCTYPE%20html%20PUBLIC%20%22-//W3C//DTD%20XHTML%201.0%20Strict//EN%22%20%22http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd%22%3E%20%3Chtml%20xmlns=%22http://www.w3.org/1999/xhtml%22%20xml:lang=%22en%22%20lang=%22en%22%3E%3Chead%3E%3Cmeta%20http-equiv=%22Content-Type%22%20content=%22text/html;%20charset=utf-8%22%20/%3E%3Ctitle%3EInBrowser%20JS%20Editor%3C/title%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22https://codemirror.net/lib/codemirror.css%22%20/%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22https://codemirror.net/doc/docs.css%22/%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22https://codemirror.net/theme/base16-dark.css%22/%3E%3Cstyle%3E.CodeMirror-simplescroll-horizontal%20div,%20.CodeMirror-simplescroll-vertical%20div%20%7B%20position:%20absolute;%20background:%20#ccc;%20-moz-box-sizing:%20border-box;%20box-sizing:%20border-box;%20border:%201px%20solid%20rgba(80,%2080,%2080,%200.5);%20border-radius:%202px;%7D.CodeMirror-simplescroll-horizontal,%20.CodeMirror-simplescroll-vertical%20%7B%20position:%20absolute;%20z-index:%206;%20background:%20rgba(80,%2080,%2080,%200.25);%7D.CodeMirror-simplescroll-horizontal%20%7B%20bottom:%200;%20left:%200;%20height:%208px;%7D.CodeMirror-simplescroll-horizontal%20div%20%7B%20bottom:%200;%20height:%20100%25;%7D.CodeMirror-simplescroll-vertical%20%7B%20right:%200;%20top:%200;%20width:%208px;%7D.CodeMirror-simplescroll-vertical%20div%20%7B%20right:%200;%20width:%20100%25;%7D.CodeMirror-simplescroll%20.CodeMirror-scrollbar-filler,%20.CodeMirror-simplescroll%20.CodeMirror-gutter-filler%20%7B%20display:%20none;%20background:%20rgba(0,%200,%200,%200);%7D.CodeMirror-simplescroll-horizontal%20div,%20.CodeMirror-simplescroll-vertical%20div%20%7B%20position:%20absolute;%20background:%20rgba(80,%2080,%2080,%200.75);%20border-radius:%203px;%7D.CodeMirror-code%20%7B%20border-left:%201px%20solid%20rgba(69,%2069,%2069,%200.5);%7D.CodeMirror%20%7B%20border-radius:%203px;%7Dbody%20%7B%20color:%20%23fff;%20font-size:%201rem;%20font-family:%20Helvetica;%20line-height:%201.4;%20max-width:%2060rem;%20margin:%200%20auto;%20padding:%204rem;%20background:%20%23000;%20color:%20%23fff;%7Dtextarea.code%20%7B%20border-radius:%203px;%7D%20%3C/style%3E%3Cscript%20src=%22https://codemirror.net/lib/codemirror.js%22/%3E%3C/script%3E%3Cscript%20src=%22https://codemirror.net/mode/javascript/javascript.js%22%3E%3C/script%3E%3Cscript%20src=%22https://codemirror.net/addon/scroll/simplescrollbars.js%22%3E%3C/script%3E%3C/head%3E%3Cbody%3E%3Ch1%3EInBrowser%20JS%20Editor%3C/h1%3E%3Ctextarea%20id=%22code%22%20name=%22code%22%3E%3C/textarea%3E%3Cscript%3Evar%20editor%20=%20CodeMirror.fromTextArea(document.getElementById(%22code%22),%20%7Btheme:%20%27base16-dark%27,scrollbarStyle:%20%27simple%27,lineNumbers:%20true,matchBrackets:%20true%7D);%3C/script%3E%3C/body%3E%3C/html%3E

Sorry, but I am just so stupid that I can not understand anything.
Please explain a bit more.

Link to comment
Share on other sites
demon.devin

demon.devin

Posted
  • Author
Posted

nsane's link mechanism seems to prepend "html://" before any links you add using the link button.

 

So I changed it to use the code block instead. Please see my edits above.

Link to comment
Share on other sites
Kalju

Kalju

Posted
Posted

Thanks. Now I understand. Here is the same code - repaired, cleaned and converted to HTML5

So it looks simply better.

Here it is in live 

Spoiler 

<!DOCTYPE html>

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <title>InBrowser JS Editor</title>
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/lib/codemirror.css">
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/doc/docs.css">
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/theme/base16-dark.css">
  <style type="text/css">
    .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
        position: absolute;
        background: #ccc;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid rgba(80, 80, 80, 0.5);
        border-radius: 2px;
    }

    .CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
        position: absolute;
        z-index: 6;
        background: rgba(80, 80, 80, 0.25);
    }

    .CodeMirror-simplescroll-horizontal {
        bottom: 0;
        left: 0;
        height: 8px;
    }

    .CodeMirror-simplescroll-horizontal div {
        bottom: 0;
        height: 100%;
    }

    .CodeMirror-simplescroll-vertical {
        right: 0;
        top: 0;
        width: 8px;
    }

    .CodeMirror-simplescroll-vertical div {
        right: 0;
        width: 100%;
    }

    .CodeMirror-simplescroll .CodeMirror-scrollbar-filler, .CodeMirror-simplescroll .CodeMirror-gutter-filler {
        display: none;
        background: rgba(0, 0, 0, 0);
    }

    .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
        position: absolute;
        background: rgba(80, 80, 80, 0.75);
        border-radius: 3px;
    }

    .CodeMirror-code {
        border-left: 1px solid rgba(69, 69, 69, 0.5);
    }

    .CodeMirror {
        border-radius: 3px;
    }

    body {
        color: #fff;
        font-size: 1rem;
        font-family: Helvetica;
        line-height: 1.4;
        max-width: 60rem;
        margin: 0 auto;
        padding: 4rem;
        background: #000;
        color: #fff;
    }

    textarea.code {
        border-radius: 3px;
    }
  </style>
  <script src="https://codemirror.net/lib/codemirror.js">
</script>
  <script src="https://codemirror.net/mode/javascript/javascript.js">
</script>
  <script src="https://codemirror.net/addon/scroll/simplescrollbars.js">
</script>
<link rel="shortcut icon" type="x-image/icon" href="favicon.ico" />
</head>

<body>
  <h1>InBrowser JS Editor</h1>
  <textarea id="code" name="code">
</textarea> <script>
  var editor = CodeMirror.fromTextArea(document.getElementById("code"),
                {theme: 'base16-dark',
                scrollbarStyle: 'simple',
                lineNumbers: true,
                matchBrackets: true});
  </script>
</body>
</html>

 

 

Link to comment
Share on other sites
demon.devin

demon.devin

Posted
  • Author
Posted
1 hour ago, Kalju said:

Thanks. Now I understand. Here is the same code - repaired, cleaned and converted to HTML5

So it looks simply better.

Here it is in live 

  Reveal hidden contents 


<!DOCTYPE html>

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <title>InBrowser JS Editor</title>
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/lib/codemirror.css">
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/doc/docs.css">
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/theme/base16-dark.css">
  <style type="text/css">
    .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
        position: absolute;
        background: #ccc;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid rgba(80, 80, 80, 0.5);
        border-radius: 2px;
    }

    .CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
        position: absolute;
        z-index: 6;
        background: rgba(80, 80, 80, 0.25);
    }

    .CodeMirror-simplescroll-horizontal {
        bottom: 0;
        left: 0;
        height: 8px;
    }

    .CodeMirror-simplescroll-horizontal div {
        bottom: 0;
        height: 100%;
    }

    .CodeMirror-simplescroll-vertical {
        right: 0;
        top: 0;
        width: 8px;
    }

    .CodeMirror-simplescroll-vertical div {
        right: 0;
        width: 100%;
    }

    .CodeMirror-simplescroll .CodeMirror-scrollbar-filler, .CodeMirror-simplescroll .CodeMirror-gutter-filler {
        display: none;
        background: rgba(0, 0, 0, 0);
    }

    .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
        position: absolute;
        background: rgba(80, 80, 80, 0.75);
        border-radius: 3px;
    }

    .CodeMirror-code {
        border-left: 1px solid rgba(69, 69, 69, 0.5);
    }

    .CodeMirror {
        border-radius: 3px;
    }

    body {
        color: #fff;
        font-size: 1rem;
        font-family: Helvetica;
        line-height: 1.4;
        max-width: 60rem;
        margin: 0 auto;
        padding: 4rem;
        background: #000;
        color: #fff;
    }

    textarea.code {
        border-radius: 3px;
    }
  </style>
  <script src="https://codemirror.net/lib/codemirror.js">
</script>
  <script src="https://codemirror.net/mode/javascript/javascript.js">
</script>
  <script src="https://codemirror.net/addon/scroll/simplescrollbars.js">
</script>
<link rel="shortcut icon" type="x-image/icon" href="favicon.ico" />
</head>

<body>
  <h1>InBrowser JS Editor</h1>
  <textarea id="code" name="code">
</textarea> <script>
  var editor = CodeMirror.fromTextArea(document.getElementById("code"),
                {theme: 'base16-dark',
                scrollbarStyle: 'simple',
                lineNumbers: true,
                matchBrackets: true});
  </script>
</body>
</html>

 

 

 

Seriously? Can you be anymore wrong? Nothing needed fixing in my code and nothing needed cleaning either. And what the hell needed converting to HTML5? You're talking out your ass trying to sound smart. Lmao. 

 

You must not understand what the point of a bookmarklet is. Bookmarklets are just little snippets of JavaScript and/or HTML stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Which is why you see data:text/html, in the beginning of my code block which is what tells the browser to execute the following code like you see with images encoded with the base64 hashing algorithm.

 

What you did was basically took my code and hosted on some server which completely negated the point of what I was trying to accomplish with this. The idea was to run a client-side, quick access JavaScript editor which doesn't rely on a server somewhere in China or needs an internet connection.

 

I hope the rest of your day is as pleasant as you are. Good day to you sir!

Link to comment
Share on other sites
Kalju

Kalju

Posted
Posted
16 minutes ago, demon.devin said:


Seriously? Can you be anymore wrong?

Spoiler

 

Nothing needed fixing in my code and nothing needed cleaning either. And what the hell needed converting to HTML5? You're talking out your ass trying to sound smart. Lmao. 

 

You must not understand what the point of a bookmarklet is. Bookmarklets are just little snippets of JavaScript and/or HTML stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Which is why you see data:text/html, in the beginning of my code block which is what tells the browser to execute the following code like you see with images encoded with the base64 hashing algorithm.

 

What you did was basically took my code and hosted on some server which completely negated the point of what I was trying to accomplish with this. The idea was to run a client-side, quick access JavaScript editor which doesn't rely on a server somewhere in China or needs an internet connection.

 

 

 

I hope the rest of your day is as pleasant as you are. Good day to you sir!

 

And also to You...A good day to you sir!
If you have time, try to develop yourself a bit. I do not think it would be hopeless.

And don't say, it is Your code, if it isn't so.

Link to comment
Share on other sites
trufpal

trufpal

Posted
Posted 
javascript:((function(){window.location=location.href.replace(/^http/i,"https").replace(/^http\w{2,}/i,"http");})())

Sometimes when we navigate around nsaneforums, we will be redirected to https version of the forums. The thing is, nsaneforums https is broken and it makes some pages buggy. This bookmarklet will change https to http (or vice versa) as a workaround for this issue.

 

Credits to someone (i forget the creator's name) out there who made this.

Link to comment
Share on other sites
trufpal

trufpal

Posted
Posted
14 minutes ago, 0bin said:

trufpal you tried Smart Https exentions for firefox? :)

I did. But my ISP is so shitty. Many enforced https connections don't work well unless i'm using VPN.

 

I think there's something wrong with their network. I've filed complaints many times without success. It sucks but i don't have many options since it's the only ISP in my area. :duh:

 

Edit: I misread that as HTTPS everywhere. I will give this one a try then.

Link to comment
Share on other sites
demon.devin

demon.devin

Posted
  • Author
Posted
40 minutes ago, Kalju said:

And also to You...A good day to you sir!
If you have time, try to develop yourself a bit. I do not think it would be hopeless.

And don't say, it is Your code, if it isn't so.

 

You and your schoolyard humor.. Haha.

Link to comment
Share on other sites
trufpal

trufpal

Posted
Posted
4 minutes ago, 0bin said:

Don't worry about misread, I don't care.

I was talking about the extension is different. :)

 

For me is better.

Obviously. This extension is miles better than my bookmarklet. Surely it will come handy to mitigate my issue i mentioned above. :cheers:

Link to comment
Share on other sites
trufpal

trufpal

Posted
Posted
2 minutes ago, 0bin said:

I don't know, I need to test the bookmarklet things, and research

to be honest I don't know what they are, I told at the beginning, I only know bookmarks,

not bookmarklets :)

Technically they're almost same. To put it simply:

  • Bookmarks: you save url of web pages
  • Bookmarklet: you save commands (usually JavaScript) to perform certain task

You can try to drag and drop my bookmarklet code to your browser bookmarks bar. People prefer to put it there for easy access but actually it can be saved anywhere like regular bookmarks.

 

https://en.wikipedia.org/wiki/Bookmarklet

Link to comment
Share on other sites
JimmySvert

JimmySvert

Posted
Posted
13 hours ago, Kalju said: 

http://data/html,%3C!DOCTYPE%20html%20PUBLIC%20%22-//W3C//DTD%20XHTML%201.0%20Strict//EN%22%20%22http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd%22%3E%20%3Chtml%20xmlns=%22http://www.w3.org/1999/xhtml%22%20xml:lang=%22en%22%20lang=%22en%22%3E%3Chead%3E%3Cmeta%20http-equiv=%22Content-Type%22%20content=%22text/html;%20charset=utf-8%22%20/%3E%3Ctitle%3EInBrowser%20JS%20Editor%3C/title%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22https://codemirror.net/lib/codemirror.css%22%20/%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22https://codemirror.net/doc/docs.css%22/%3E%3Clink%20rel=%22stylesheet%22%20type=%22text/css%22%20href=%22https://codemirror.net/theme/base16-dark.css%22/%3E%3Cstyle%3E.CodeMirror-simplescroll-horizontal%20div,%20.CodeMirror-simplescroll-vertical%20div%20%7B%20position:%20absolute;%20background:%20#ccc;%20-moz-box-sizing:%20border-box;%20box-sizing:%20border-box;%20border:%201px%20solid%20rgba(80,%2080,%2080,%200.5);%20border-radius:%202px;%7D.CodeMirror-simplescroll-horizontal,%20.CodeMirror-simplescroll-vertical%20%7B%20position:%20absolute;%20z-index:%206;%20background:%20rgba(80,%2080,%2080,%200.25);%7D.CodeMirror-simplescroll-horizontal%20%7B%20bottom:%200;%20left:%200;%20height:%208px;%7D.CodeMirror-simplescroll-horizontal%20div%20%7B%20bottom:%200;%20height:%20100%25;%7D.CodeMirror-simplescroll-vertical%20%7B%20right:%200;%20top:%200;%20width:%208px;%7D.CodeMirror-simplescroll-vertical%20div%20%7B%20right:%200;%20width:%20100%25;%7D.CodeMirror-simplescroll%20.CodeMirror-scrollbar-filler,%20.CodeMirror-simplescroll%20.CodeMirror-gutter-filler%20%7B%20display:%20none;%20background:%20rgba(0,%200,%200,%200);%7D.CodeMirror-simplescroll-horizontal%20div,%20.CodeMirror-simplescroll-vertical%20div%20%7B%20position:%20absolute;%20background:%20rgba(80,%2080,%2080,%200.75);%20border-radius:%203px;%7D.CodeMirror-code%20%7B%20border-left:%201px%20solid%20rgba(69,%2069,%2069,%200.5);%7D.CodeMirror%20%7B%20border-radius:%203px;%7Dbody%20%7B%20color:%20%23fff;%20font-size:%201rem;%20font-family:%20Helvetica;%20line-height:%201.4;%20max-width:%2060rem;%20margin:%200%20auto;%20padding:%204rem;%20background:%20%23000;%20color:%20%23fff;%7Dtextarea.code%20%7B%20border-radius:%203px;%7D%20%3C/style%3E%3Cscript%20src=%22https://codemirror.net/lib/codemirror.js%22/%3E%3C/script%3E%3Cscript%20src=%22https://codemirror.net/mode/javascript/javascript.js%22%3E%3C/script%3E%3Cscript%20src=%22https://codemirror.net/addon/scroll/simplescrollbars.js%22%3E%3C/script%3E%3C/head%3E%3Cbody%3E%3Ch1%3EInBrowser%20JS%20Editor%3C/h1%3E%3Ctextarea%20id=%22code%22%20name=%22code%22%3E%3C/textarea%3E%3Cscript%3Evar%20editor%20=%20CodeMirror.fromTextArea(document.getElementById(%22code%22),%20%7Btheme:%20%27base16-dark%27,scrollbarStyle:%20%27simple%27,lineNumbers:%20true,matchBrackets:%20true%7D);%3C/script%3E%3C/body%3E%3C/html%3E

Sorry, but I am just so stupid that I can not understand anything.
Please explain a bit more.

 

12 hours ago, Kalju said:

Thanks. Now I understand. Here is the same code - repaired, cleaned and converted to HTML5

So it looks simply better.

Here it is in live 

  Reveal hidden contents 


<!DOCTYPE html>

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <title>InBrowser JS Editor</title>
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/lib/codemirror.css">
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/doc/docs.css">
  <link rel="stylesheet" type="text/css" href="https://codemirror.net/theme/base16-dark.css">
  <style type="text/css">
    .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
        position: absolute;
        background: #ccc;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid rgba(80, 80, 80, 0.5);
        border-radius: 2px;
    }

    .CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
        position: absolute;
        z-index: 6;
        background: rgba(80, 80, 80, 0.25);
    }

    .CodeMirror-simplescroll-horizontal {
        bottom: 0;
        left: 0;
        height: 8px;
    }

    .CodeMirror-simplescroll-horizontal div {
        bottom: 0;
        height: 100%;
    }

    .CodeMirror-simplescroll-vertical {
        right: 0;
        top: 0;
        width: 8px;
    }

    .CodeMirror-simplescroll-vertical div {
        right: 0;
        width: 100%;
    }

    .CodeMirror-simplescroll .CodeMirror-scrollbar-filler, .CodeMirror-simplescroll .CodeMirror-gutter-filler {
        display: none;
        background: rgba(0, 0, 0, 0);
    }

    .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
        position: absolute;
        background: rgba(80, 80, 80, 0.75);
        border-radius: 3px;
    }

    .CodeMirror-code {
        border-left: 1px solid rgba(69, 69, 69, 0.5);
    }

    .CodeMirror {
        border-radius: 3px;
    }

    body {
        color: #fff;
        font-size: 1rem;
        font-family: Helvetica;
        line-height: 1.4;
        max-width: 60rem;
        margin: 0 auto;
        padding: 4rem;
        background: #000;
        color: #fff;
    }

    textarea.code {
        border-radius: 3px;
    }
  </style>
  <script src="https://codemirror.net/lib/codemirror.js">
</script>
  <script src="https://codemirror.net/mode/javascript/javascript.js">
</script>
  <script src="https://codemirror.net/addon/scroll/simplescrollbars.js">
</script>
<link rel="shortcut icon" type="x-image/icon" href="favicon.ico" />
</head>

<body>
  <h1>InBrowser JS Editor</h1>
  <textarea id="code" name="code">
</textarea> <script>
  var editor = CodeMirror.fromTextArea(document.getElementById("code"),
                {theme: 'base16-dark',
                scrollbarStyle: 'simple',
                lineNumbers: true,
                matchBrackets: true});
  </script>
</body>
</html>

 

 

 

10 hours ago, Kalju said:

 

And also to You...A good day to you sir!
If you have time, try to develop yourself a bit. I do not think it would be hopeless.

And don't say, it is Your code, if it isn't so.

 

This is the TAO of Idiocracy ( from admitting stupidity to coder wannabe in just three hours time. :P

Link to comment
Share on other sites
demon.devin

demon.devin

Posted
  • Author
Posted
6 hours ago, JimmySvert said:

This is the TAO of Idiocracy ( from admitting stupidity to coder wannabe in just three hours time. :P

 

Right? That guy is a little wishy-washy. Lol.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...