Ace Editor не изменяет размеры с контейнером div - PullRequest
Новая
       13

Ace Editor не изменяет размеры с контейнером div

0 голосов
/ 15 мая 2019

У меня есть контейнер div 'myeditor', и я добавляю к нему div-редактор, используя: 

var editor = ace.edit('myeditor');
editor.setTheme("ace/theme/terminal");
editor.getSession().setMode("ace/mode/sql");
editor.getSession().setUseWrapMode(true);

Редактор выглядит так: enter image description here

Как показано в приведенном выше примере, он не занимает всю ширину контейнера, а черная линия идет справа.

Здесь размер контейнера можно изменять.Как я могу изменить размер редактора ace, чтобы он соответствовал контейнеру при каждом изменении размера контейнера?

Ниже приведена структура элементов: enter image description here

Существует главный элемент div, который имеетжелоб для расширения div по горизонтали, который также расширяет внутренний div.Внутренний div - это «myeditor».Я не могу поделиться кодом, поскольку это внутренний проект.

1 Ответ

1 голос
/ 15 мая 2019

Похоже, вы обращаетесь к строке поля печати. Если это так, вы можете отключить его, используя editor.setShowPrintMargin(false);.

Пример: 

var editor = ace.edit('myeditor');
editor.setTheme("ace/theme/terminal");
editor.getSession().setMode("ace/mode/sql");
editor.getSession().setUseWrapMode(true);
editor.setShowPrintMargin(false);
#myeditor {
  position: absolute;
  width: 100%;
  height: 100%;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.4/ace.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.4/theme-terminal.js"></script>
<div id="container">
  Editor is below.
  <div id="myeditor">
  </div>
</div>

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

...