示例代码
<!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>
网友回复
我知道答案，我要回答
私活外包
