Create online HTML, CSS, JS files reader

we need codemirror library and input [type="file"] to create online html, css, js reader

 <link rel="stylesheet" href="https://codemirror.net/lib/codemirror.css">
<link rel="stylesheet" href="https://codemirror.net/doc/docs.css">
<script src="https://codemirror.net/lib/codemirror.js"></script>
<script src="https://codemirror.net/mode/css/css.js"></script>
<script src="https://codemirror.net/mode/xml/xml.js"></script>
  <script src="https://codemirror.net/mode/javascript/javascript.js"></script>
  <script src="https://codemirror.net/mode/css/css.js"></script>
  <script src="https://codemirror.net/mode/htmlmixed/htmlmixed.js"></script>
<input type="file" onchange="localLoad(this.files);" />
<div id="editor"> </div>



<script>
   var myCodeMirror = CodeMirror(
   document.getElementById('editor'), {
     mode: "text/html",
      lineNumbers: true
   });

   function localLoad(files) {
       if (files.length == 1) {
            document.title = escape(files[0].name);
            var reader = new FileReader();
            reader.onload = function(e) {
              myCodeMirror.setValue(e.target.result);
            };
            reader.readAsText(files[0]);
         }
    }
</script>

Create online HTML, CSS, JS files reader

☷✎

Create online HTML, CSS, JS files reader

Comments

Post a Comment

Meta keywords generator tool for Blogger

Create direct download link for google drive file online

Fix Error parsing XML, blogger seo tools

Text Transmute - Replace all Characters & Symbol in Text

How to keep input value if user change current page in blogger

Create online HTML, CSS, JS files reader

Related

Comments

Post a Comment