codemirror如何安裝

我不知道該怎麼做在此之後：codemirror如何安裝

<link rel="stylesheet" href="lib/codemirror.css"> 
<script src="lib/codemirror.js"></script> 
<script> 
    var editor = CodeMirror.fromTextArea(myTextarea, { 
    mode: "text/html" 
    }); 
</script>

有人可以幫助我嗎？

來源

2014-01-13 user3032715

你有沒有說明書？ – sachleen

在這裏看到：http://codemirror.net/doc/manual.html –

這是否爲您指出正確的方向？

 <link rel="stylesheet" href="lib/codemirror.css"> 
     <script src="lib/codemirror.js"></script> 
     <script src="mode/javascript/javascript.js"></script> 
     <script src="addon/fold/foldcode.js"></script> 
    </head> 
    <body> 
     <form style="width:500px;"> 
      <textarea id="code" name="code"> 
alert("HI"); 
//says HII 
      </textarea> 
     </form> 

     <script> 
      window.onload = function() { 
       window.editor = CodeMirror.fromTextArea(code, { 
        mode: "javascript", 
        lineNumbers: true, 
        lineWrapping: true, 
        foldGutter: { 
         rangeFinder: new CodeMirror.fold.combine(CodeMirror.fold.brace, CodeMirror.fold.comment) 
        }, 
        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"] 
       }); 
      }; 
     </script> 
    </body> 
</html>

來源

2014-01-13 20:01:00 aaldim

的作品（當然，我點到正確的方向{不知道該怎麼辦}）謝謝 – user3032715

首先：您必須選擇與選擇器匹配的第一個元素。

$（「＃編輯器」）不會做它，它必須是$（「＃主編」）[0]

二：下面的代碼是所有你需要得到它的工作：

window.onload = function() { 
 
    var editor = CodeMirror.fromTextArea($("#editor")[0], { 
 
     lineNumbers: true, 
 
     lineWrapping: true, 
 
    }); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html>  
 
    <head> 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/codemirror.js"></script> 
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/codemirror.css"> 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/mode/javascript/javascript.js"></script> 
 
    </head> 
 
    <body> 
 
     <p>Type some javascript below</p> 
 
     <textarea id="editor"></textarea> 
 
    </body> 
 
</html>

來源

2017-08-28 09:30:49 agDev

codemirror如何安裝

回答

相關問題