javascript – 通过选择菜单动态更改Codemirror模式

2019-05-17 12:25:03 阅读：525 来源： 互联网

我正在尝试使用下面的方法动态更改代码镜像模式,但遗憾的是它无法正常工作,欢迎您的帮助

我有一个选择菜单：

<select name="idLanguage" id="select" onChange="selectMode()">
<option value="1">Python</option>
<option value="10">JavaScript</option>
<option value="33">Asterisk dialplan</option>
<option value="34">Clojure</option>
<option value="35">Common Lisp</option>
<option value="36">D</option>
<option value="37">ECL</option>
<option value="38">Go</option>
<option value="39">Haskell</option>
<option value="40">HTML</option>
<option value="41">Jinja2</option>
<option value="42">LiveScript</option>
<option value="43">mIRC</option>
</select>

然后我使用这个javascript方法：

var modeInput = document.getElementById("select");
function selectMode() {
  var myindex  = modeInput.selectedIndex;
  var modefly = modeInput.options[myindex].text.toLowerCase();
  alert(modefly); // This is giving me the exact mode on the screen
  editor.setOption("mode", modefly);// no change in the mode
  CodeMirror.autoLoadMode(editor, modefly);//no change in the mode
  //editor.refresh();
   }

虽然alert()给出了正确的答案,但模式不会改变

任何的想法？

谢谢

更新：

我正在加载标题中的所有模式(python,javascript等..)
我改变了codemirror资产的结构,我有一个名为assets的目录,其中包含一个包含所有javascripts的文件夹js,包括codemirror模式,所以我认为这不是longuer有效的

CodeMirror.modeURL =“../mode/%N/%N.js”;

我应该怎么解决？
使用我现在拥有的文件夹配置,即使是懒惰模式示例也无法正常工作

解决方法:

更新我只记得我的模式转换器永远不会工作,除非我提供mime类型代码镜像期望,而不是模式名称.即传递text / x-markdown而不是markdown

我在我的网站http://pste.me上使用最新版本的codemirror.

通过选择菜单,可以使用以下方式更改模式：

$('#mode').change(function(){
   editor.setOption("mode", $(this).val() );
});

其中editor是对CodeMirror.fromTextArea对象的引用.

我不是代码镜像专家,但我相信不再使用添加模式/自动加载方法.我自动加载所需文件没有任何问题,但您可以在设置模式之前始终动态构建新的脚本标记并将其附加到文档头.

这是我们用于编辑器主题的方法：

// Append the theme styles
var link = document.createElement('link');
link.onload = function(){
    pste.editor.setOption("theme", theme);
};
link.rel = "stylesheet";
link.media = "all";
link.href = INTERFACE_URL+"/codemirror/theme/"+theme+".css";
document.getElementsByTagName('head')[0].appendChild(link);

标签：javascript,codemirror
来源： https://codeday.me/bug/20190517/1121071.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 通过选择菜单动态更改Codemirror模式