智能手机浏览器中的 ACE 编辑器

【问题标题】：ACE editor in smartphone browser智能手机浏览器中的 ACE 编辑器
【发布时间】：2015-01-23 21:58:41
【问题描述】：

我想通过我的 Android 手机浏览器显示和编辑代码。

我已成功嵌入 ACE Editor 以从我的笔记本电脑浏览器编辑代码。但是当我尝试从安卓手机编辑代码时出现了一些问题。

我无法在编辑器中滚动
我无法让编辑器适应大小代码
当我尝试在头部添加无比例尺时，编辑器不会出现：<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />

http://jsbin.com/cabic/6/edit

【问题讨论】：

我尝试了codemirror，没有出现上述问题。耶！

标签： javascript android css editor ace-editor

【解决方案1】：

在 v1.2.0 中添加了非常基本的滚动（没有动画）使用 maxLines 选项使编辑器适应代码大小

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="description" content="ACE Highlighter" />

<title>ACE in Action</title>

</head>
<body>
<h2>Testing</h2>

<div id="editor" style="width:600px;height:300px;">
&lt;script&gt;alert("Hiiiiii!");&lt;/script&gt;</div>
  
<script src="//cdn.jsdelivr.net/ace/1.2.0/min/ace.js"
             type="text/javascript" charset="utf-8"></script>  
<script>
    var editor = ace.edit("editor");
    editor.setOptions({
      theme: "ace/theme/twilight",
      minLines: 2,
      maxLines: 50
    });
    editor.session.setMode("ace/mode/php");
    editor.resize(true);
</script>
</body>
</html>

【讨论】：