Угловой JSON редактор кода вид текста смещение каретки с текстом

Я начал использовать библиотеку редактора JSON и угловую оболочку из angular-tools/ng-jsoneditor.

Ошибка выглядит очень раздражающей при переключении в режим просмотра кода. У кого-нибудь было что-то подобное?

Ситуационное изображение

Ситуационное изображение 2

Происходит только тогда, когда в этой строке появляются кавычки. Это довольно каждая строка для 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>
Источник

1 ответ

У меня была аналогичная проблема, после нескольких часов исследования я наконец обнаружил, что причиной ее возникновения был стиль семейства шрифтов (у меня был глобальный шрифт для всех приложений). Поэтому я заменяю его на ng-deep:: to font-family: monospace. В моем случае это было решением!

Источник
Другие вопросы по тегам