当前位置：文江博客话题详情

具有自动完成的基于Web的代码编辑器

发布于 2025-01-20 19:53:24 字数 506 浏览 4 评论 0原文

我正在为我的

个人项目构建基于 Web 的代码编辑器。我想让它像 VS code 一样工作，但面临一些问题。

我正在使用 ACE 编辑器。

这是我在尝试自动完成时得到的结果。

我在尝试编写“os.(something)”时获得了所有可用的建议，而不是仅仅获得了语言和包的具体建议。

我想要的是这个。

在这张图片中，如您所见，我仅收到与操作系统包相关的建议。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无人问我粥可暖 2025-01-27 19:53:24

根据您使用Reirect-JS的设置，您可能还需要在页面的HTML中包含一个额外的JavaScript文件。您需要编写此简单的脚本来使用自动完成功能。

ace.require("ace/ext/language_tools");
var editor = ace.edit("editor");
editor.setOptions({
    enableBasicAutocompletion: true
});

演示： httpps：//githbithub.com/ajaxorg/ajaxorg/ajaxorg/ace/blob/ master/demo/autocompletion.html

参考： https://github.com/ajaxorg/ace/wiki/how-to-to-now-to-enable-autocomplete-inocomplete-in-the-ace-editor

Depending on your setup with require-js, you may also need to include an additional javascript file in the html for your page. You need to write this simple script to working with the auto completion feature.

ace.require("ace/ext/language_tools");
var editor = ace.edit("editor");
editor.setOptions({
    enableBasicAutocompletion: true
});

Demo: https://github.com/ajaxorg/ace/blob/master/demo/autocompletion.html

Reference: https://github.com/ajaxorg/ace/wiki/How-to-enable-Autocomplete-in-the-Ace-editor

回复收藏 0 原文

じ违心 2025-01-27 19:53:24

基于 HTML、JS、CSS

创建 </code>。它对于代码来说应该很大。
创建<代码><脚本>
构建自动完成
脚本： functioncompile() { document.GetElementById('code').value = document.GetElementById('code').value.replaceAll('snippet1', 'Snippet1Value').replaceAll('snippet2', 'SnippetValue'). ...

例如：当您输入 _text_ （并将 snippet1 设置为）时，您的textarea 将写入。要创建选择器，请使用 json.contextmenu-library。

我知道，这只是一个计划，怎么做才是。