CodemirrorにCoffeeScript Lintを表示する

Question

私は以前CodemirrorでCoffeeScriptで遊んでいましたが、理由はわかりませんが、lintingがCodemirrorで動作していません。 Codemirrorパッケージで提供されている糸くつでさえ、私のために働いていません。

私は間違っていますが、どうすればこの問題を解決できますか？

// Initialize CodeMirror editor 
 
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { 
 
    mode: "text/x-coffeescript", 
 
    tabMode: "indent", 
 
    styleActiveLine: true, 
 
    lineNumbers: true, 
 
    lineWrapping: true, 
 
    autoCloseTags: true, 
 
    foldGutter: true, 
 
    dragDrop: true, 
 
    lint: true, 
 
    gutters: ["CodeMirror-lint-markers", "CodeMirror-linenumbers", "CodeMirror-foldgutter"] 
 
})

.CodeMirror { 
 
    width: 100%; 
 
    height: auto; 
 
}

<link rel="stylesheet" href="https://necolas.github.io/normalize.css/4.0.0/normalize.css"> 
 
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css"> 
 
<link rel="stylesheet" href="http://codemirror.net/addon/fold/foldgutter.css"> 
 
<link rel="stylesheet" href="http://codemirror.net/addon/hint/show-hint.css"> 
 
<link rel="stylesheet" href="http://codemirror.net/addon/lint/lint.css"> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://codemirror.net/lib/codemirror.js"></script> 
 
<script src="http://codemirror.net/mode/javascript/javascript.js"></script> 
 
<script src="http://codemirror.net/mode/xml/xml.js"></script> 
 
<script src="http://codemirror.net/mode/css/css.js"></script> 
 
<script src="http://codemirror.net/mode/htmlmixed/htmlmixed.js"></script> 
 
<script src="http://codemirror.net/addon/edit/closetag.js"></script> 
 
<script src="http://codemirror.net/addon/edit/matchbrackets.js"></script> 
 
<script src="http://codemirror.net/addon/selection/active-line.js"></script> 
 
<script src="http://codemirror.net/addon/fold/foldcode.js"></script> 
 
<script src="http://codemirror.net/addon/fold/foldgutter.js"></script> 
 
<script src="http://codemirror.net/addon/fold/brace-fold.js"></script> 
 
<script src="http://codemirror.net/addon/fold/xml-fold.js"></script> 
 
<script src="http://codemirror.net/addon/fold/comment-fold.js"></script> 
 
<script src="http://coffeescript.org/extras/coffee-script.js"></script> 
 
<script src="http://coffeelint.org/js/coffeelint.js"></script> 
 
<script src="http://codemirror.net/mode/coffeescript/coffeescript.js"></script> 
 
<script src="http://codemirror.net/addon/lint/coffeescript-lint.js"></script> 
 

 
<textarea id="code">function() {}</textarea>

Answer 1

http://kodeweave.sourceforge.net/editor/#362e030f5d37beb17766999e92ef4e88

母面白い間違い。 lint.jsを追加するのを忘れました。

<script src="http://codemirror.net/addon/lint/lint.js"></script> 

これを使用している人のための簡単なメモ。私は私のエディタでのCoffeeScript lintsの代わりに、JavaScriptのlintsを取得するためにCodeMirrorインスタンスをリフレッシュするためにeditor.refresh()してlintをリフレッシュしようとしたが、私は仕事にそれを得ることができる唯一の方法は、

editor.setOption("lint", false) 
editor.setOption("lint", true) 

...とlintsを無効にし、再有効化されました

スニペットはこちらです！

// Initialize CodeMirror editor 
 
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { 
 
    mode: "text/x-coffeescript", 
 
    tabMode: "indent", 
 
    styleActiveLine: true, 
 
    lineNumbers: true, 
 
    lineWrapping: true, 
 
    autoCloseTags: true, 
 
    foldGutter: true, 
 
    dragDrop: true, 
 
    lint: true, 
 
    gutters: ["CodeMirror-lint-markers", "CodeMirror-linenumbers", "CodeMirror-foldgutter"] 
 
})

.CodeMirror { 
 
    width: 100%; 
 
    height: auto; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/4.0.0/normalize.css"> 
 
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css"> 
 
<link rel="stylesheet" href="http://codemirror.net/addon/lint/lint.css"> 
 
<script src="http://codemirror.net/lib/codemirror.js"></script> 
 
<script src="http://codemirror.net/addon/lint/lint.js"></script> 
 
<script src="http://codemirror.net/mode/coffeescript/coffeescript.js"></script> 
 
<script src="http://coffeescript.org/extras/coffee-script.js"></script> 
 
<script src="http://coffeelint.org/js/coffeelint.js"></script> 
 
<script src="http://codemirror.net/addon/lint/coffeescript-lint.js"></script> 
 

 
<textarea id="code">function() {} 
 
    
 
# Initialize CodeMirror editor 
 
editor = CodeMirror.fromTextArea(document.getElementById('code'), 
 
    mode: 'text/x-coffeescript' 
 
    tabMode: 'indent' 
 
    styleActiveLine: true 
 
    lineNumbers: true 
 
    lineWrapping: true 
 
    autoCloseTags: true 
 
    foldGutter: true 
 
    dragDrop: true 
 
    lint: true 
 
    gutters: [ 
 
    'CodeMirror-lint-markers' 
 
    'CodeMirror-linenumbers' 
 
    'CodeMirror-foldgutter' 
 
    ])</textarea>