Вывод редактора Ace обрезается и прокручивается вверх, даже если внизу есть пустое место.

Я наблюдаю странное поведение (хотя, честно говоря, не думаю, что проверял этот сценарий).

Я установил высоту редактора ace на 500 пикселей. Я ввел около 60 строк. Я вижу полосу прокрутки, но текст занимает около 70-80% площади редактора. Пространство ниже пусто, хотя текста больше. См. Картинку ниже:

введите описание изображения здесь

Когда я что-то печатаю, хотя курсор находится в нижней части редактора, символ набирается в более высоком месте.

введите описание изображения здесь

Я полагаю, есть несоответствие между высотой ace-редактора и содержимым внутри редактора. Как я мог их выровнять?

Обновлять

Я заметил, что свойство top элемента textarea в редакторе меняется по мере того, как я прокручиваю. Я не уверен, должно ли это произойти, поскольку textarea должен оставаться фиксированным в элементе ace-editor.

<textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" readonly="" style="border: 1px solid black; opacity: 0; font-size: 1px; height: 1px; width: 1px; **top: 458px;** left: 150px;"></textarea>

top изначально 458px, и когда я прокручиваю, он меняется на 98px и даже меньше, если я продолжаю прокручивать. Я просто делюсь своими наблюдениями, не знаю, насколько они актуальны.


person Manu Chadha    schedule 06.01.2021    source источник


Ответы (1)


Когда размер редактора изменяется с помощью javascript после его создания, вам необходимо вызвать editor.resize(), чтобы редактор обновил его размер.

person a user    schedule 06.01.2021
comment
но я не меняю размер редактора. - person Manu Chadha; 07.01.2021
comment
Кстати, я нашел здесь ваш ответ о типах шрифтов. Я установил шрифт Courier New, чтобы быть уверенным, что использую шрифт monospaced, но проблема все еще сохраняется - this.editor.setOptions({ readOnly: this.readonlyFormStatus, fontFamily: "Courier New", fontSize: "14pt" }); stackoverflow.com/questions/15183031/ - person Manu Chadha; 07.01.2021
comment
Я добавил более подробную информацию в этот вопрос - не могли бы вы взглянуть - stackoverflow.com/questions/65603263/ - person Manu Chadha; 07.01.2021