gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 08:34:25 25 4
gpt4 key购买 nike

我想在我的 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" />

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

最佳答案

在 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>

关于javascript - 智能手机浏览器中的 ACE 编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28119404/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com