+
20
-

回答

800_auto

示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

</head>
<body>
   <div id="editor" style="width: 500px; height: 300px;"></div>

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ace/ace.js"></script>
<script>
  // 初始化编辑器
  const editor = ace.edit("editor");
  editor.setTheme("ace/theme/monokai");
  editor.session.setMode("ace/mode/javascript");
  
  // 示例代码
  editor.setValue(`function hello() {
  console.log("Hello World");
}

// 这是一条注释
const message = "Ace.js 选择示例";`);
  
  // 监听选择事件
  editor.getSelection().on("changeSelection", () => {
    const range = editor.getSelectionRange();
    
    // 开始行和结束行(转为人类可读的 1 基索引)
    const start = range.start.row + 1;
    const end = range.end.row + 1;
    
    console.log(`选中范围:第 ${start} 行 - 第 ${end} 行`);
  });
</script>
</body>
</html>
		

网友回复

我知道答案,我要回答