【发布时间】:2014-09-20 17:36:32
【问题描述】:
几年来,我们一直在使用 ACE 编辑器和我们的对话管理工具。我们几乎只用它来编辑 XML 文件,它作为一个带有 XML 突出显示的简单文本编辑器工作得很好。但是,它不进行代码折叠(或缩进标记等其他事情)。我已经将我们的一些 XML 粘贴到其他 vanilla ACE 编辑器(厨房水槽演示等)中,折叠和缩进按我的预期工作。它不适用于 ACE 2.0 版本提供的简单“editor.html”。我错过了什么?如何在我的编辑器实例中启用折叠功能?
下面是实例化工作(但不是折叠)编辑器的 HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ejEditor</title>
<link rel="stylesheet" href="misc/ejTalker.css" media="screen" type="text/css">
<script language="JavaScript" src= "ejJScript/ejTalkBrowser.js"></script>
<script language="JavaScript" src= "ejJScript/ejTalkerAPI.js"></script>
<script src="ejJScript/aceSrc/ace.js" type="text/javascript" charset="utf-8"> </script>
<script src="ejJScript/aceSrc/theme-eclipse.js" type="text/javascript" charset="utf-8"></script>
<script src="ejJScript/aceSrc/mode-xml.js" type="text/javascript" charset="utf-8"></script>
<script>
var ejEditor;
function startEditor(){
ejEditor = ace.edit( "ejEditor" );
ejEditor.setTheme( "ace/theme/eclipse" );
var xmlMode = require( "ace/mode/xml" ).Mode;
ejEditor.getSession().setMode( new xmlMode() );
document.getElementById('ejEditor').style.fontSize='medium';
document.getElementById('ejEditor').style.fontWeight='bold';
ejEditor.setBehavioursEnabled( true );
appLoadFileEdit();
}
</script>
<style>
#ejEditor {
position: absolute;
top: 150px;
left: 0px;
bottom: 0px;
right: 0px;
background: white;
}
</head>
<body onload="startEditor();">
<table>
<tr><td> *** some of our display stuff *** </td></tr>
<tr><td colspan="10" align="left"><pre id="ejEditor"></pre></td></tr>
</table>
</body>
</html>
【问题讨论】:
标签: ace-editor