1

我从官方网站下载了代码镜像并尝试在移动设备上进行测试。起初，我按照文档中的描述链接了所有核心文件。在 index.html 中，我添加了以下代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <!-- link codemirror -->
  <script src="lib/codemirror.js"></script>
  <link rel="stylesheet" href="lib/codemirror.css">
  <link rel="stylesheet" href="theme/duotone-dark.css" type="text/css" media="all" />
  <script src="mode/javascript/javascript.js"></script>
</head>
<body>
  <script type="text/javascript" charset="utf-8">
    var myCodeMirror = CodeMirror(document.body, 
    {
      mode: "javascript",
      value: "var a = 'DS code is cool thanks to codemirror';",
      lineNumbers: true,
      lineWrapping: true
    }
    );
  </script>
</body>
</html>

当我尝试预览它时，它看起来工作正常，但事实并非如此。

当我添加新行并尝试回压时，
i。它隐藏了软键盘，并且在删除新行时 Backpress 不起作用（见图 1）。

当我键入var并按 enter 时，
ii。它行为不端（参见图 2。有时当我单击编辑器进行编辑时它不起作用）。

iii. 它也没有占据屏幕的整个高度。

图1

图1

图 2

图 2

如何解决它们？提前致谢。我的主要目的是将它添加到 android webview 中。

4

0 回答 0