（五）CodeMirror - 关于htmlmixed中包含script脚本

最近发现个问题，场景如下：

当创建的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'});