手机浏览器中的ACE编辑器

时间:2015-01-23 21:58:42

标签: javascript android css editor ace-editor

我想要展示&从我的Android手机浏览器编辑代码。

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

  1. 我无法在编辑器中滚动
  2. 我无法使编辑器适应大小     代码
  3. 当我尝试在头部添加无缩放时,编辑器不会显示:<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
  4. http://jsbin.com/cabic/6/edit

1 个答案:

答案 0 :(得分:0)

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

&#13;
&#13;
<!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>
&#13;
&#13;
&#13;