Internet explorer中的ACE代码编辑器问题

ACE code editor issues in Internet explorer

本文关键字:编辑器 问题 代码 ACE explorer 中的 Internet      更新时间:2023-09-26

我对ie浏览器很失望。

在后台,我将ACE代码编辑器与angular js结合使用。

本教程

几乎就是我为我的指令复制的内容,除了这两行。

var MarkdownMode = require('ace/mode/markdown').Mode;
editor.getSession().setMode(new MarkdownMode());

对于模式,我使用"xml"。

editor.getSession().setMode('ace/mode/xml');
editor.setReadOnly(true);

在我的html中,我像这样使用指令:

<div class= "editor" data-ace="" data-ng-model="xml_string"></div>

我从后端/我的控制器抓取"xml_string",就像这样。

myApp.controller('resourceDisplayCtrl', function($scope, $http){
    $scope.xml_string = "";
    var route = "/get_resource_info/" + $scope.resource + '/';
    $http.get(route).success(function(data){
        $scope.xml_string = data['data'];
    });
});

如果需要,我可以写更多的代码,但我认为这已经得到了要点。我的问题是,我的代码工作如预期…在firefox中。从后端正确设置xml_string,并将xml文件加载到编辑器中。

然而,这从来没有在IE的第一次尝试工作。有时,如果我垃圾邮件IE刷新按钮,最终xml文件将加载,但对我来说这是更奇怪的。也许是缓存问题?我试过删除缓存,但失败了。什么好主意吗?

编辑:我包含了一个

alert(data['data']); 

所以我知道xml字符串是从后端正确发送的

这是我的脚本标记位置的错误。如果你想让ace指令正常工作,就把你的ace标签放在angular标签之前:)