Javascript 如何在browserify中要求代码镜像的模式、主题或插件
有人试图通过browserify使用代码镜像吗 我发现什么都看不见,即使它已经生成了所有的html标记 守则:Javascript 如何在browserify中要求代码镜像的模式、主题或插件,javascript,npm,browserify,codemirror,Javascript,Npm,Browserify,Codemirror,有人试图通过browserify使用代码镜像吗 我发现什么都看不见,即使它已经生成了所有的html标记 守则: var CodeMirror = require('codemirror'); require('codemirror/mode/javascript/javascript.js'); var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true,
var CodeMirror = require('codemirror');
require('codemirror/mode/javascript/javascript.js');
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
extraKeys: {
"Ctrl-Space": "autocomplete"
},
mode: {
name: "javascript",
globalVars: true
}
});
我想知道我应该如何要求js模式?我实际上通过对演示的所有依赖项使用require()解决了这个问题,比如:
// require('codemirror/addon/hint/show-hint');
// require('codemirror/addon/hint/xml-hint');
// require('codemirror/addon/hint/html-hint');
require('codemirror/mode/xml/xml');
require('codemirror/mode/javascript/javascript');
require('codemirror/mode/css/css');
require('codemirror/mode/htmlmixed/htmlmixed');
var CodeMirror = require('codemirror/lib/codemirror');
var editor = CodeMirror.fromTextArea(textareaElement, {
mode: 'text/html',
lineWrapping: true,
extraKeys: {
'Ctrl-Space': 'autocomplete'
},
lineNumbers: true,
theme: 'monokai'
});
@import (inline) "./../../node_modules/codemirror/lib/codemirror.css";
@import (inline) "./../../node_modules/codemirror/theme/monokai.css";
// @import (inline) "./../../node_modules/codemirror/addon/hint/show-hint.css";
在我的.less文件中,我导入了如下CSS:
// require('codemirror/addon/hint/show-hint');
// require('codemirror/addon/hint/xml-hint');
// require('codemirror/addon/hint/html-hint');
require('codemirror/mode/xml/xml');
require('codemirror/mode/javascript/javascript');
require('codemirror/mode/css/css');
require('codemirror/mode/htmlmixed/htmlmixed');
var CodeMirror = require('codemirror/lib/codemirror');
var editor = CodeMirror.fromTextArea(textareaElement, {
mode: 'text/html',
lineWrapping: true,
extraKeys: {
'Ctrl-Space': 'autocomplete'
},
lineNumbers: true,
theme: 'monokai'
});
@import (inline) "./../../node_modules/codemirror/lib/codemirror.css";
@import (inline) "./../../node_modules/codemirror/theme/monokai.css";
// @import (inline) "./../../node_modules/codemirror/addon/hint/show-hint.css";
我并不是真的在乎这个把戏的质量。这是我的工作。使用导入而不是require,但要点相同:
import'codemirr/theme/3024night.css'
常量选项={
行号:对,
只读:false,
模式:“htmlmixed”,
主题:《3024夜》
};
...
正如代码镜像项目在其自述文件中所述:改用codemirror,它现在支持CommonJS环境