在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>

使用此工具的任何人的快速注释。 我尝试使用editor.refresh()刷新棉绒来刷新CodeMirror实例，以在编辑器中获取CoffeeScript棉绒而不是JavaScript棉绒，但是我能使它工作的唯一方法是禁用棉绒并重新启用...

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

这是代码段！

 // 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>