codemirror

最新推荐文章于 2024-06-12 09:35:07 发布

计算机技术之指尖密码

最新推荐文章于 2024-06-12 09:35:07 发布

阅读量440

点赞数 1

分类专栏： javascript数据结构

本文链接：https://blog.csdn.net/w1374401940/article/details/109226724

版权

javascript数据结构专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!doctype html>

<title>CodeMirror: Theme Demo</title>
<meta charset="utf-8"/>

<link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.58.1/codemirror.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.58.1/theme/dracula.css">
<script src="https://cdn.staticfile.org/codemirror/5.58.1/codemirror.js"></script>
<script src="https://cdn.staticfile.org/codemirror/5.58.1/mode/javascript/javascript.js"></script>

<style>
      .CodeMirror {border: 1px solid black; font-size:13px; width:500px; height:200px}
</style>

<article>
<h2>Theme Demo</h2>
<form>
<textarea id="code" name="code">
function findSequence(goal) {
  function find(start, history) {
    if (start == goal)
      return history;
    else if (start > goal)
      return null;
    else
      return find(start + 5, "(" + history + " + 5)") ||
             find(start * 3, "(" + history + " * 3)");
  }
  return find(1, "1");
}
</textarea>
</form>


<script>
  var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
    lineNumbers: true,
    styleActiveLine: true,
    matchBrackets: true,
    readOnly: true,
    theme:"dracula",
    viewportMargin: Infinity
  });
</script>
</article>

计算机技术之指尖密码

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
codemirror

<!doctype html><title>CodeMirror: Theme Demo</title><meta charset="utf-8"/><link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.58.1/codemirror.css"><link rel="stylesheet" href="https://cdn.staticfile.
复制链接

扫一扫