Медленная прокрутка текстового редактора Ace для мобильных устройств с сенсорным экраном

Я пытаюсь получить редактор кода javascript ACE: http://ace.ajax.org для работы на мобильном телефоне устройство.

var editor = ace.edit("editor");
    editor.setTheme("ace/theme/twilight");
    editor.getSession().setMode("ace/mode/css");

Здесь вы можете найти полный код

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

Ответы

Ответ 1

В редакторе ACE есть много устаревших компонентов. Некоторые из них предназначены для совместимости с IE. Например, в репозитории ACE GitHub о рендеринге на основе SVG был issue, который был остановлен из-за к старым версиям IE. Однако этот вопрос был зафиксирован в 2013 году (11 июля). Это показывает, что поддержка ACE и сенсорная поддержка улучшаются. Современные компьютеры достаточно мощны, чтобы справиться с этой дополнительной нагрузкой. С четырехъядерным компьютером с частотой 1,4 ГГц прокрутка в ACE будет немного отставать. Поскольку большинство мобильных устройств находятся вокруг этого диапазона, они тоже будут отставать.

ACE также не оптимизирован для touch, поэтому вам может потребоваться попробовать CodeMirror или другой простой редактор. Такие тяжелые редакторы, как правило, не слишком оптимизированы. Вы можете попробовать отключить подсветку синтаксиса (если это возможно), поскольку, насколько я знаю, ACE выделяется живым при прокрутке. Лучше всего открыть проблему в репозитории GitHub.