我正在编写一个非常基本的游乐场.出于某种原因,我需要将html面板嵌入到AngularJS应用程序中.
在这个版本中,我将一个JQuery更改侦听器放到CSS面板中,并将CodeMirror应用于textarea.它奏效了.
在AngularJS应用程序中有一个JQuery事件监听器我感到很不舒服,所以我决定将CSS面板绑定到AngularJS应用程序,并制作了这个版本.但现在,问题是CodeMirror代码(我在下面评论)不再起作用了:
HTML:
<body>
<div ng-app="myApp" ng-controller="myCtrl">
HTML:<br>
<textarea rows=10 cols=40 ng-model="area1">html body area</textarea>
<br>CSS:<br>
<textarea id="css" rows=10 cols=40 ng-model="css"></textarea>
</div>
Output:
<section id="output">
<iframe></iframe>
</section>
</body>
JavaScript的:
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.area1 = "<body>default</body>";
$scope.$watch('area1', function (json) {
render();
}, true);
$scope.css="body {color: red}";
$scope.$watch('css', function (json) {
// CodeMirror does not work anymore
// var cm_opt = { mode: 'css', gutter: true, lineNumbers: false };
// var css_box = …jquery codemirror angularjs angularjs-directive ui-codemirror
我正在使用这样的CodeMirror来向用户显示一些XML响应.
HTML代码
<body>
<textarea id="cm" >#{bean.xmlResponse}</textarea>
</body>
JS代码
window.onload = function () {
var editor = CodeMirror.fromTextArea(document.getElementById('cm'), {
mode: "xml",
theme: "default"
});
editor.getDoc().markText({line:5,ch:2},{line:5,ch:9},"color : red");
};
现在,当我试图通过使用无法正常工作的markText突出显示某个特定行时.当然"xml"模式正在工作,但第5行没有用红色突出显示.
我非常感谢你的帮助.我试图完成它已经有3天了.谢谢.
https://github.com/angular-ui/ui-codemirror
我需要在angular中制作语法高亮显示并将结果保存在数据库中.
我正在使用ui-codemirror,但每次我更改文档中的"pre"时我都无法刷新textarea
<textarea ui-codemirror ng-model="x" ui-refresh='isSomething'></textarea>
但我不能让它发挥作用.
有谁知道如何做到这一点？
我使用的UI-codemirror AngularJS指令的项目,并想编写一个量角器测试(devopshammer/src目录/测试/ web应用/ E2E/JSON-spec.js),它增加了一些输入到它.
通过它的模型(ng-model属性)查找元素会返回ui-codemirror元素,但是不可能使用sendKeys()方法添加一些输入(既不在它的子元素上).
有人有提示怎么做吗？
堆栈跟踪:
Failures:
1) json formatter shuld say error message when invalid input
Message:
UnknownError: unknown error: cannot focus element
(Session info: chrome=43.0.2357.81)
(Driver info: chromedriver=2.15.322448 (52179c1b310fec1797c81ea9a20326839860b7d3),platform=Windows NT 6.1 SP1 x86_64) (WARNING: The server did not provide any stacktrace information)
Command duration or timeout: 24 milliseconds
Build info: version: '2.45.0', revision: '5017cb8', time: '2015-02-26 23:59:50'
System info: host: 'HCE-F9HBD12', ip: '3.183.12.101', os.name: 'Windows 7', os.arch: 'amd64', os.version: '6.1', java.version: '1.8.0_45'
Driver info: org.openqa.selenium.chrome.ChromeDriver …