1

我正在尝试将 Xtext (2.14.0) 与 Orion Web 编辑器一起使用，但即使是一个简单的示例，内容辅助也不会由Orion 编辑器中的CTRL+触发。SPACE

据我所知，默认情况下使用CTRL+SPACE来触发 Orion 编辑器中的内容辅助。

我还想提一下，如果我将一个字符添加到“contentAssistCharTriggers”选项（如 Xtext 文档中所述），那么指定的字符会触发 Content Assist，但CTRL+SPACE仍然不起作用。

有谁知道可能是什么问题？

更新：我正在使用基本的 xtext 状态机示例。以下是用于嵌入 Orion 编辑器的 html 文件：

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Content-Language" content="en-us">
	<title>Example Web Editor</title>
	<link rel="stylesheet" type="text/css" href="dependencies/orion/code_edit/built-codeEdit.css"/>
	<link rel="stylesheet" type="text/css" href="xtext/2.14.0/xtext-orion.css"/>
	<link rel="stylesheet" type="text/css" href="style.css"/>
	<script src="webjars/requirejs/2.3.2/require.min.js"></script>
	<script type="text/javascript">
		var baseUrl = window.location.pathname;
		var fileIndex = baseUrl.indexOf("index.html");
		if (fileIndex > 0)
			baseUrl = baseUrl.slice(0, fileIndex);
		require.config({
			baseUrl: baseUrl,
			paths: {
				"text": "webjars/requirejs-text/2.0.15/text",
				"jquery": "webjars/jquery/2.2.4/jquery.min",
				"xtext/xtext-orion": "xtext/2.14.0/xtext-orion"
			}
		});
		require(["dependencies/orion/code_edit/built-codeEdit-amd"], function() {
			require(["xtext/xtext-orion"], function(xtext) {
				xtext.createEditor({
					baseUrl: baseUrl,
					syntaxDefinition: "xtext-resources/generated/mylang-syntax",
					contentAssistCharTriggers: " "				
				});
			});
		});
	</script>
</head>
<body>

<div class="container">
	<div class="header">
		<h1>Demo</h1>
	</div>
	<div class="content">
		<div id="xtext-editor" data-editor-xtext-lang="mylang"></div>
	</div>
</div>

</body>
</html>

4

2 回答 2

2

这是对我来说很好的索引 html（crtl+space 的内容辅助）

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Language" content="en-us">
    <title>Example Web Editor</title>
    <link rel="stylesheet" type="text/css" href="orion/code_edit/built-codeEdit.css"/>
    <link rel="stylesheet" type="text/css" href="xtext/2.14.0/xtext-orion.css"/>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script src="webjars/requirejs/2.3.2/require.min.js"></script>
    <script type="text/javascript">
        var baseUrl = window.location.pathname;
        var fileIndex = baseUrl.indexOf("index.html");
        if (fileIndex > 0)
            baseUrl = baseUrl.slice(0, fileIndex);
        require.config({
            baseUrl: baseUrl,
            paths: {
                "text": "webjars/requirejs-text/2.0.15/text",
                "jquery": "webjars/jquery/2.2.4/jquery.min",
                "xtext/xtext-orion": "xtext/2.14.0/xtext-orion"
            }
        });
        require(["orion/code_edit/built-codeEdit-amd"], function() {
            require(["xtext/xtext-orion"], function(xtext) {
                xtext.createEditor({
                    baseUrl: baseUrl,
                    syntaxDefinition: "xtext-resources/generated/mydsl-syntax"
                });
            });
        });
    </script>
</head>
<body>

<div class="container">
    <div class="header">
        <h1>Example MyDsl Web Editor</h1>
    </div>
    <div class="content">
        <div id="xtext-editor" data-editor-xtext-lang="mydsl">
        </div>  
    </div>
</div>

</body>
</html>

这是你的东西的样子

在此处输入图像描述

于 2018-07-27T09:14:05.660 回答
0

将 requirejs 更新到 2.3.6 并将 jquery 更新到 3.3.1-1 使 codeEdit 与您的版本一起工作。我们更新了将于 2019 年春季推出的 Xtext 2.17 中的所有内容。

于 2019-01-17T10:27:30.483 回答