是否可以使用CodeMirror 2突出显示DIV
或PRE
标记中的代码(不使用编辑器)?
就像CodeMirror 1过去可以使用hightlightText()函数一样吗?例如:http://codemirror.net/1/highlight.html,在您按下run highlight (下面突出显示的文本)之后
此外,它还可以突出显示来自内联元素的代码,如<code>
,并保持结果的内联,就像谷歌的Prettify所做的那样吗?
发布于 2011-04-09 21:40:02
一种更好、更简单的解决方案是将CodeMirror实例的readOnly属性设置为true,如下所示:
$('.code').each(function() {
var $this = $(this),
$code = $this.html();
$this.empty();
var myCodeMirror = CodeMirror(this, {
value: $code,
mode: 'javascript',
lineNumbers: !$this.is('.inline'),
readOnly: true
});
});
只需将类.code
添加到包含代码的标记中,它的语法就会突出显示。我还通过使用类.inline
添加了对内联代码的支持。
发布于 2011-06-16 04:49:04
作为一个比较晚的更新,CodeMirror 2最近获得了这一功能。请参阅http://codemirror.net/demo/runmode.html
发布于 2011-04-03 04:02:22
您应该使用独立的代码语法突出显示工具:SyntaxHighlighter 3运行得非常好。
如果你真的想要CodeMirror,有一个readOnly
选项:
var myCodeMirror = CodeMirror(function(elt) {
myElement.parentNode.replaceChild(myElement, elt); // myElement is your <pre> or <div>
}, {
value: myElement.value,
readOnly: true
});
https://stackoverflow.com/questions/5521137
复制相似问题