example code javascript mobile ace-editor

javascript - code - Desplazamiento lento en Ace Text Editor para dispositivos de pantalla táctil móvil



codemirror github (1)

Estoy intentando que el editor de código JavaScript ACE funcione en un dispositivo móvil.

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

Puedes encontrar el código completo here

El desplazamiento vertical no parece responder en absoluto a ningún dispositivo móvil y está rezagado. ¿Cómo puedo hacerlo más receptivo?


Por lo que sé, codemirror no ha tenido problemas de rendimiento durante años, así que intente usar eso. Aquí está su jsfiddle pero con codemirror en su lugar: https://jsfiddle.net/DerpMarine/j54gfecL/16/

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/codemirror.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/codemirror.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.2/mode/css/css.js"></script> </body> <script> var myCodeMirror = CodeMirror(function(elt) { document.getElementById(''editor'').parentNode.replaceChild(elt, document.getElementById(''editor'')); },{ mode: "css", theme: "custom", // https://codemirror.net/doc/manual.html#option_theme and https://codemirror.net/theme/ value: document.getElementById(''editor'').value }); </script>

https://codemirror.net/doc/manual.html