Ace编辑器自动完成和多种语言

Ace Editor autocomplete and multiple languages

本文关键字:语言 编辑器 Ace      更新时间:2023-09-26

如何创建自动完成以及如何突出显示html, javascript和css在php中的Ace编辑器http://ace.ajax.org/.

<html>
    <head>
        <title><?=$title; ?></title>
        <style>
            body {
                background: black;
                color: white;
            }
        </style>
        <script>
            alert("this is only a no-sense test script....");
        </script>
    </head>
    <body>
        This is only a no-sense test script but I want that html tags, css styles and javascript code are highlighted....<br />
        Is it possible?
    </body>
</html>

(不好意思我的英文)

这是两个问题

  1. 如何创建一个自动补全完成PHP?

  2. 如何在PHP代码中语法高亮显示html代码?

对于第二个问题,在Google组里有一些关于Ace Editor的讨论。在我看来,这个问题是否可能并没有得到真正的回答,但至少看起来是可行的。看一下高光笔的文档,特别是关于"嵌入不同的高光笔"的部分。

对于自动补全,我根本没有看到任何机会。关于类似的(最近的)问题,请参阅Google群组条目

从几个月前开始,Ace Editor现在支持自动完成(参见:http://ace.c9.io/#nav=about)

对于那些还在寻找这个的人,我在这里找到了我所需要的:https://github.com/ajaxorg/ace/wiki/How-to-enable-Autocomplete-in-the-Ace-editor

我想启用实时自动完成,所以有另一个选项enableLiveAutocompletionenableSnippets(如果可用,给出建议的简要描述)。

我是这样用的:

editor.setOptions({
     enableLiveAutocompletion: true,
     enableSnippets: true
 });

还有一个示例演示了如何添加自定义补全器来返回针对特定项目定制的结果。