我正在使用codemirror 2并且它工作正常,除了编辑器的设置值没有加载到编辑器中,直到我单击编辑器并且它变得集中.
我希望编辑器在不必点击的情况下显示自己的内容.有任何想法吗？
所有的codemirror演示都按预期工作,所以我想也许textarea没有集中,所以我也尝试过.
$("#editor").focus();
var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
mode: "text/html",
height: "197px",
lineNumbers: true
});
我正在使用Codemirror的textarea插件,但我无法检索textarea的值.
码:
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
matchBrackets: true,
mode: "text/x-csrc"
});
function showCode()
{
var text = editor.mirror.getCode();
alert(text);
}
它显示错误:
editor.getCode() is not a function.
可以CodeMirror 2被用来强调从代码DIV或PRE标签(无编辑)？
像CodeMirror 1曾经能够使用hightlightText()函数吗？例如:http://codemirror.net/1/highlight.html,按下运行高亮显示(下面突出显示的文本)
它也可以突出显示内联元素的代码<code>,并保持结果内联,就像谷歌的Prettify一样吗？
我尝试设置id4以下代码:
<div id="id1">
<div id="id2">
<div id="id3">
<textarea id="id4"></textarea>
</div>
</div>
</div>
通过使用此代码:
document.getElementById('id4').value = "...";
还有这个:
document.getElementById('id3').getElementsByTagName('textarea')[0].value = "...";
但没有任何作用.
它textarea由CodeMirror编辑器替换.我该如何设定价值？
非常感谢您的帮助!
我正在尝试使用CodeMirror设置代码示例样式,但它部分工作 - 它将所选主题应用于textarea但不突出显示语法.
有我的页面:
<textarea id="template-html" name="code" class="CodeMirror">
<!DOCTYPE html>
<foobar>
<blah>Enter your xml here and press the button below to display it as highlighted by the CodeMirror XML mode</blah>
<tag2 foo="2" bar="bar" />
</foobar>
</textarea>
<link rel="stylesheet" type="text/css" href="/site.com/css/codemirror/codemirror.css">
<link rel="stylesheet" type="text/css" href="/site.com/css/codemirror/theme/ambiance.css">
<link rel="stylesheet" type="text/css" href="/site.com/css/codemirror/theme/solarized.css">
<script type="text/javascript" src="/site.com/js/libs/codemirror/codemirror.js"></script>
<script type="text/javascript" src="/site.com/js/libs/codemirror/mode/javascript/javascript.js"></script>
<script type="text/javascript">
var config, editor;
config = {
lineNumbers: true,
mode: "text/html",
theme: "ambiance",
indentWithTabs: false,
readOnly: true
};
editor = CodeMirror.fromTextArea(document.getElementById("template-html"), config);
function …有谁知道如何使codemirror textarea像text-area一样可调整大小？
这样可以通过拖动它们的底部向下抓取器角来调整codemirror textarea的大小.
我知道有可能是html div(请参阅div可调整文本区域),但我还没有设法在代码镜像上实现相同的功能.
我想获得CodeMirror的一个实例(它绑定到textarea'#code').从onclick-event我想要为CodeMirror实例的当前值添加一个值.怎么能实现这一目标？从文档中我似乎找不到任何东西来获取实例并将其绑定到javascript中的loca var.
App:我的页面中有一个textarea元素.它使用CodeMirror进行转换,因为我需要缩进并突出显示html代码.Pic在链接中:[textarea using codemirror]
http://uploadingit.com/file/gxftd2cps9wm7zhp/cm.png
以下是使用codemirror的textarea代码:
</textarea>
<button type="submit">Post</button>
</form>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
mode: { name: "xml", htmlMode: true },
lineNumbers: true,
tabMode: "indent",
matchBrackets: true,
path: 'js/',
searchMode: 'inline',
onCursorActivity: function () {
editor.setLineClass(hlLine, null);
hlLine = editor.setLineClass(editor.getCursor().line, "activeline");
}
});
var hlLine = editor.setLineClass(0, "activeline");
</script>
怎么做？:当我点击Post按钮时,所有代码都应该传输到另一个textarea.我需要这与javascript或jQuery,但努力如何做到这一点.任何帮助？
对于真实世界的应用程序,此textarea中的代码(来自上图)应该影响Html Designer API.即,Html设计器中的任何更改都应该反映在此textarea(使用codemirror以提高可读性)和相反的情况.当我在textarea中编辑时,更改应该反映在HtmlDesigner中,但在此模拟案例中 - >在第二个textarea中.
示例:与Visual Studio .Net WebPage代码编辑器一样,具有Designer + Source模式.现在很清楚了吗？
我问如何使用javascript或jquery实现上述机制.非常感谢!
我正在尝试添加自定义自动完成功能,我想在用户输入时触发(当然可配置).我找到了几个代码镜像自动完成的例子:
http://codemirror.net/demo/complete.html和 http://codemirror.net/demo/xmlcomplete.html
但是这两个触发器都在特定键上触发(Control-Space为一个,而'<'为另一个),并且都使用该extraKeys功能来处理事件,但我想从任何键触发.我尝试过以下方法:
var editor = CodeMirror.fromTextArea(document.getElementById("code"),
{
lineNumbers: true,
mode: "text/x-mysql",
fixedGutter: true,
gutter: true,
// extraKeys: {"'.'": "autocomplete"}
keyup: function(e)
{
console.log('testing');
},
onkeyup: function(e)
{
console.log('testing2');
}
});
但没有运气.关于如何触发任何键盘事件的任何建议？
我想使用CodeMirror的功能(例如,亚麻,包装,搜索等)用于纯文本,而不需要代码突出显示,而是使用谷歌Chrome拼写检查或其他一些自然语言(特别是英语)拼写检查激活(我不需要让它在其他浏览器上工作).我怎样才能做到这一点？是否可以编写一个支持拼写检查的纯文本模式加载项？