当前位置: 代码迷 >> Ruby/Rails >> (5)CodeMirror
  详细解决方案

(5)CodeMirror

热度:155   发布时间:2016-04-29 02:18:27.0
(五)CodeMirror

最近发现个问题,场景如下:

当创建的mode类型为htmlmixed,且内容中包含javascript脚本,且是闭包立即执行;

如果内容是使用JQuery函数.html()插入到DOM中后再创建codeMirror对象;

那么,这时,如果JS执行报错,那么随后创建codeMirror对象也中断了;

 

解决方法:

可以使用elem.text()方法插入内容,那么有错的JS也不会被执行到,可顺利进行后面的创建

 

1 var elem = $('#code');2 var str = ''<div class="mod-addToScreen" id="test"  ></div><script type="text/javascript">(fuction(){ // 错误代码执行..})();</script>"3 4 // elem.html(str);      运行中断5 elem.text(str);      // 正常运行6 7 var editor = CodeMirror.fromTextArea(elem, {mode: {name:'htmlmixed'});