首页 > 代码库 > (五)CodeMirror - 关于htmlmixed中包含script脚本

(五)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‘});

 

(五)CodeMirror - 关于htmlmixed中包含script脚本