首页 / JAVASCRIPT / javascript – Ace代码编辑器动态设置语言

javascript – Ace代码编辑器动态设置语言

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Ace代码编辑器动态设置语言，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含952字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试使用下拉列表选择语言来实现Ace代码编辑器.我的下拉有一个模式ID.我让编辑器正常工作,但我无法使用下拉按照我希望的方式更改语言.我目前的代码是

var editor = ace.edit("code");
var textarea = $('textarea[name="code"]').hide();
editor.setTheme("ace/theme/textmate");
editor.getSession().setMode("ace/mode/sql");
editor.getSession().setValue(textarea.val());
editor.getSession().on('change', function(){
textarea.val(editor.getSession().getValue());
});

$('#mode').on('change', function(){
var newMode = $("mode").val();
editor.session().setMode({
    path: "ace/mode/" + newMode,
    v: Date.now()});
});

如上所述,这成功启动了编辑器,但我无法从SQL更改语言,这是最初的语言.我遇到了这个问题Dynamically update syntax highlighting mode rules for the Ace Editor
这就是我加入的原因

v: Date.now()

但仍然没有运气.

解决方法:

你在editor.session()中有一个拼写错误.setMode({line

使用editor.session.setMode(“ace / mode /”newMode)而不是它.

v：需要Date.now()来禁用缓存,您很可能不需要它.

内容总结

以上是互联网集市为您收集整理的javascript – Ace代码编辑器动态设置语言全部内容，希望文章能够帮你解决javascript – Ace代码编辑器动态设置语言所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/803395.html

来源：【匿名】