Question

我已经开始使用angular-tools / ng-jsoneditor的JSON编辑器库和角度包装器。

切换到代码视图时，该错误似乎非常烦人。有人有类似的东西吗？

仅在该行出现引号时才会发生。这就是JSON的每一行。

使用标准库，没有任何改变。我的想法已经不多了。

控制器

$scope.obj = { data: null, options: { mode: 'code' } };

$scope.onLoad = function (instance) {
    instance.expandAll();
};

视图

<!DOCTYPE html>
<html ng-app="jsonapp" ng-controller="jsonController">
<head>
    <meta charset="utf-8" />
    <!-- when using the mode "code", it's important to specify charset utf-8 -->
    <meta content="charset=utf-8">

    <link href="jsoneditor/dist/jsoneditor.min.css" rel="stylesheet" type="text/css">
    <script src="jsoneditor/dist/jsoneditor.min.js"></script>
</head>
<body>
    <div ng-jsoneditor="onLoad" ng-model="obj.data" options="obj.options" style="height:800px"></div>
</body>
</html>

Answer 1

我遇到了类似的问题，经过几个小时的调查，我终于发现导致它的原因是字体系列样式（我有所有应用程序的全局字体）。所以我用 ng-deep:: 覆盖它到 font-family: monospace。这是我的解决方案！

Angular json编辑器代码视图文本插入符号与文本不对齐

1 个答案: