Question

我正在尝试将Xtext（2.14.0）与Orion Web编辑器一起使用，但是即使使用一个简单的示例，Content Assist也不会由 CTRL + SPACE 在Orion编辑器中。

据我所知，默认情况下，使用 CTRL + SPACE 触发Orion编辑器中的Content Assist。

我还想提到，如果我将字符添加到“ 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>

Answer 1

这是适合我的索引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>

这是您的东西的样子

Answer 2

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

Xtext Content Assist不是由Orion Web编辑器中的CTRL + SPACE触发的

2 个答案: