Auto.js 文本带行号 编辑器

最新推荐文章于 2024-09-12 11:52:05 发布
最新推荐文章于 2024-09-12 11:52:05 发布
阅读量1.6k 收藏 3
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25226575/article/details/122070403
版权

在这里插入图片描述

"ui";
//开发者 QQ 1105310045
//文本编辑器半成品
importClass(android.graphics.Typeface); //字体
importClass(java.lang.Character); //分中英文
ui.layout(
    <vertical>
        <horizontal>
            <text id="字"/>
            <button id="删除"text="删除"/>
            <input id="输入框"w="600px"/>
            <button id="写入"text="写入"/>
        </horizontal>
        <canvas id="board" w="*" h="*"/>
    </vertical>
);
dm = ""
threads.start(function() {
    var r = http.get("http://www.baidu.com");
    代码 = r.body.string()
    for (var i = 0; i < 12; i++) {
        代码 += 代码 + "\n"
    }
    dm = 代码.split("> <");
    toastLog(dm.length+"行")
})
//画笔
字位置 = 0
删位x = 0
横行 = 0
删行y = 0 //可以设置跳转行数
屏幕X = 0
屏幕Y = 0
坐标差x = 0
坐标差y = 0
画布x = 160
画布y = -(70 * 删行y)
按压时间 = 0
光标坐标 = [画布x, 70]
光标时间 = 0
行号 = 1
画布开关 = true
var paint = new Paint();
paint.setStrokeWidth(1);
var paint1 = new Paint(); //画光标
paint1.setStrokeWidth(5);
paint.setTextSize(50); //字体大小
paint.setTypeface(Typeface.MONOSPACE); //字体样式
ui.board.on("draw", function(canvas) {
    if (dm && 画布开关) {
        try {
            canvas.drawColor(-14868703);
            画代码和行号(canvas)
            画光标(canvas)
            //paint.setARGB(255,229,54,49)
            //canvas.drawText(删位x + " " + 字位置 + " " + Math.floor(删位x), 100, 50, paint);
        } catch (e) {
            log("报错了" + e)
        }
    }

});
ui.board.setOnTouchListener(function(view, event) {
    switch (event.getAction()) {
        case event.ACTION_DOWN:
            屏幕X = event.getX();
            屏幕Y = event.getY();
            按压时间 = 0
            zwz = 字位置
            gbzb = 光标坐标[0]
            hh = 行号
            return true;
        case event.ACTION_MOVE:
            移动a = event.getX();
            移动b = event.getY();
            坐标差x = 移动a - 屏幕X
            坐标差y = 移动b - 屏幕Y
            if (坐标差x > 15 || 坐标差x < -15 || 坐标差y > 15 || 坐标差y < -15) {
                画布x += 坐标差x * 1.3
                if (画布x > 160) {
                    画布x = 160
                }
                画布y += 坐标差y * 1.3
                if (画布y * 1.3 > 30) {
                    画布y = 0
                }
                屏幕X = 移动a
                屏幕Y = 移动b
            }
            按压时间++
            return true;
        case event.ACTION_UP:
            屏幕X = event.getX();
            屏幕Y = event.getY();
            删行y = Math.floor((Math.abs(画布y)) / 70)
            if (删行y > 40) {
                删行y -= 30
            } else {
                删行y = 0
            }
            行号 = Math.floor((Math.abs(画布y - 70) + 屏幕Y) / 70)
            光标坐标[1] = 行号 * 70
            计算横行光标()

            return true;
    }
    return true;
});

function 画代码和行号(canvas) {
    paint.setARGB(255, 197, 200, 198)
    for (let i = 1 + 删行y; i < 100 + 删行y; i++) {
        if (i > dm.length - 1) {
            break;
        }
        //画代码
        字宽 = 画布x
        for (let l = 0; l < dm[i - 1].length; l++) {

            if (字宽 > 1600) {
                break;
            }
            if (分中英文(dm[i - 1][l])) {
                if (字宽 > 160 - 10) {
                    canvas.drawText(dm[i - 1][l], 字宽, 画布y + i * 70, paint);
                }
                字宽 += 50
            } else {
                if (字宽 > 160 - 10) {
                    canvas.drawText(dm[i - 1][l], 字宽, 画布y + i * 70, paint);
                }
                字宽 += 30
            }
        }
        //画线
        canvas.drawLine(0, 画布y + i * 70 + 10, 3000, 画布y + i * 70 + 10, paint);
    }
    //行号背景颜色
    paint.setARGB(255, 37, 40, 44)
    canvas.drawRect(0, 0, 160, canvas.getHeight(), paint);
    paint.setARGB(255, 198, 200, 199)
    for (let i = 1 + 删行y; i < 100 + 删行y; i++) {
        if (i > dm.length - 1) {
            break;
        }
        //画行号
        canvas.drawText(i, 10, 画布y + i * 70, paint);
    }
}

function 画光标(canvas) {
    if (行号 + 1 > dm.length) {
        return
    }
    if (光标坐标[0] < 160) {
        return
    }
    paint1.setARGB(255, 198, 200, 199)
    //画光标
    if (光标时间 > 14) {
        canvas.drawLine(光标坐标[0], 画布y + 光标坐标[1] - 40, 光标坐标[0], 画布y + 光标坐标[1] + 5, paint1);
        if (光标时间 == 28) {
            光标时间 = 0
        }
    }
    光标时间++
    //选择行颜色
    paint.setARGB(50, 255, 255, 255)
    canvas.drawRect(0, 画布y + 光标坐标[1] - 60, 3000, 画布y + 光标坐标[1] + 10, paint);
}

function 计算横行光标() {
    if (行号 > dm.length) {
        return
    }
    删位x = Math.floor(Math.abs(画布x - 160))
    let 横行 = 160
    for (let i = 0; i < dm[行号 - 1].length; i++) {
        if (分中英文(dm[行号 - 1][i])) {
            横行 += 50
        } else {
            横行 += 30
        }
        if (横行 > 删位x + 屏幕X) {

            if (分中英文(dm[行号 - 1][i])) {
                横行 -= 50
            } else {
                横行 -= 30
            }

            光标坐标[0] = 横行 - 删位x
            字位置 = i
            ui.字.setText(dm[行号 - 1][字位置])
            return
        }
    }

    字位置 = dm[行号 - 1].length
    光标坐标[0] = 横行 - 删位x
}
ui.写入.click(() => {
    let s = ui.输入框.text()
    if (!s) {
        return
    }
    画布开关 = false
    dmx = dm
    if (s.includes("\n")) {
        let 行数 = 行号 - 1
        if (行数 < 0) {
            行数 = 0
        }
        if (字位置) {
            前段 = dmx[行数].slice(0, 字位置)
        } else {
            前段 = ""
        }
        log(dmx[行数], 行数)
        //exit()
        let 内容 = 前段 + s + dmx[行数].slice(字位置)
        let 数组 = 内容.split("\n")
        log(dmx)
        for (let i = 0; i < 数组.length; i++) {
            dmx.splice(i + 行数, 0, 数组[i]);
        }
        dmx.splice(行数 + 数组.length, 1);
        log(dmx)
    } else {
        if (字位置) {
            前段 = dmx[行号 - 1].slice(0, 字位置)
        } else {
            前段 = ""
        }
        dmx[行号 - 1] = 前段 + s + dmx[行号 - 1].slice(字位置)
        for (var i = 0; i < s.length; i++) {
            if (分中英文(s[i])) {
                光标坐标[0] += 50
            } else {
                光标坐标[0] += 30
            }
        }
        字位置 += s.length
    }
    ui.输入框.setText("")
    dm = dmx
    画布开关 = true
})
ui.删除.click(() => {
    let 长度 = dm[行号 - 1].length
    if (长度 == 1) {
        dm[行号 - 1] = ""
        字位置 = 0
        if (分中英文(dm[行号 - 1])) {
            光标坐标[0] -= 50
            //画布x+=50
        } else {
            光标坐标[0] -= 30
            //画布x+=30
        }
        return
    }
    if (字位置 > 0) {
        if (分中英文(dm[行号 - 1][字位置 - 1])) {
            光标坐标[0] -= 50
            //画布x+=50
        } else {
            光标坐标[0] -= 30
            //画布x+=30
        }
        dm[行号 - 1] = dm[行号 - 1].slice(0, 字位置 - 1) + dm[行号 - 1].slice(字位置)
        字位置--
    }

})

function 分中英文(c) {
    let ub = "1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM,.()/=,;{}[]<>-+|:_*%\\#$&!?^ " + "'" + '"'
    if (ub.includes(c)) {
        return false;
    }
    return true;

}

在这里插入图片描述

textarea框增加行号效果
01-26
为了提高用户体验，开发者常常会通过JavaScript实现自定义的行号功能，以替代那些体积较大、功能丰富的文本编辑器。 本文将深入探讨如何使用JavaScript为HTML页面中的 `textarea` 添加行号效果，以实现一个轻量级的...
如何利用js实现换行
fury的博客
03-16 1万+
复制代码document.write("第一行<br>第二行");复制代码console.log("第一行\n第二行")复制代码alert("第一行\r第二行");小编给大家简单介绍一下换行代码！如何利用js实现换行，下面。
javascript中如何换行
热门推荐
weixin_45386953的博客
03-27 2万+
方法：1、换行符“\n”，直接在要换行的地方插入“\n”进行换行；2、换行符“\r”，在直接在要换行的地方插入“\r”进行换行；原文地址：https://www.js1331.com/jiaocheng?示例：使用document.write()或者innerHTML属性。”标签，在向HTML文档中写入内容时，可在要换行的地方插入“当可向HTML文档中写入内容时，可以使用HTML的。javascript中换行的方法。"第一行第二行""第一行\n第二行"
Simditor：带行号的富文本编辑器教程
最新发布
weixin_42400643的博客
09-12 865
本文还有配套的精品资源，点击获取 简介：Simditor 是一款功能丰富的富文本编辑器，特别适用于需要文本细致编辑与排版的场景。它具备独特的行号显示功能，极大提升了长文档和代码的追踪与管理效率。该编辑器设计易用，支持HTML标签输入和Markdown语法，利用JavaScript、HTML5和CSS3构建，保证了与现代浏览器的兼容性。开发者通过简单的配置即可启用行号显示并进...
autojs 简单使用
曲帅的博客
03-09 3626
//通知 toast("你好"); //点击 click(300,500); //暂停(毫秒) sleep(500); //输入文字 setText() //返回 back(); //打开app launch("短信") //打开app launchApp("微信") //获取控件 id("") //执行shell指令 shell vs code 安装 Auto.js-VSCodeExt shift + control + p 命令 Auto.js: Start Server Auto.js.
autojs,读取一行删除一行,停止自己外的脚本
九黎AJ的博客
05-27 2564
新建交流群917400262 欢迎加入v群,和各位大神一同交流 免责声明:本博客提供的所有内容仅供学习、分享与交流，我们不保证内容的正确性。通过使用本博客内容随之而来的问题与本博客无关。当使用本博客代码时，代表你已接受本博客的免责声明 正文部分 目录 读取一行删除一行 function read_delete() { //删除第一行 var path = "/sdcard/gjc.txt";//txt文本路径 var reg = /^\s+|s+$/g; //匹配无效空白行 .
js 脚本去除 空格 回车 换行
sinat_29326171的博客
06-17 769
function iGetInnerText(testStr) { var resultStr = testStr.replace(/\ +/g, ""); //去掉空格 resultStr = testStr.replace(/[ ]/g, ""); //去掉空格 resultStr = testStr.replace(/[\r\n]/g, ""); //去掉回车换行 return resultStr; } ...
Notepad2-mod 4.2.25.954 中文绿色版
08-21
Notepad2-mod 4.2.25.954 - 轻量级文本编辑器、代替记事本的最佳选择 免费（FREE）下载 Notepad2-mod 4.2.25.954 汉化绿色便携版 (32位版+64位版+手工添加注册表右键) ------------------- Notepad2 是一个相当...
sublimeTextPersonalSettings:Sublime Text 3 的个人设置
06-17
Sublime Text 3 是一款备受开发者喜爱的文本编辑器，以其高效、轻量级和高度可定制性著称。在Sublime Text 3中，个人设置是提升开发效率的关键因素，因为它们允许用户根据自己的习惯和需求调整编辑器的行为。在本...
word源码java-920-text-editor-v2:920-text-editor-v2
06-05
文本编辑器 920 Text Editor 是一款免费、开源且无广告的安卓软件 特征： Multi Tab，可以在不同的标签中打开不同的文件，方便你在不同的文本中进行切换编辑 语法高亮：ASP、ActionScript、C/C++、C#、Erlang、Frink...
sublime text11111111111111111111111111111
08-11
Sublime Text是一款广受欢迎的文本编辑器，尤其在程序员和Web开发者中享有极高声誉。它以其高效、可自定义和跨平台的特性赢得了大量忠实用户。以下是对Sublime Text这款软件及其相关知识点的详细说明： 1. **轻量级...
autojs文件操作类说明.docx
10-26
autojs文件操作类的使用说明 back(); //返回键 home(); //主页HOME powerDialog(); //弹出电源菜单 notifications(); //拉出通知栏 quickSettings(); //显示快速设置(下拉通知栏到底) recents(); //显示最近任务 splitScreen(); //分屏 Menu(); //模拟按下菜单键。 此函数依赖于root权限。 VolumeUp(); //按下音量上键。(增音) 此函数依赖于root权限。 VolumeDown(); //按键音量上键。 此函数依赖于root权限。 Text("sfsdf545"); //只能为英文或英文符号,或者数字,不可以是中文 files.isDir("/sdcard/文件夹/"); //返回路径path是否是文件夹 files.isDir("/sdcard/文件.txt"); //返回路径path是否是文件 files.isEmptyDir("/sdcard/123"); //是否为空文件夹,空文件夹返回 true ,否则为 false files.join("/sdcard/", "1.txt"); // 合并,两个路径,返回为一个整体 files.create("/sdcard/8888.txt"); //新建文件或者文件夹(文件夹 目前创建失败) files.createWithDirs("/sdcard/新文件夹/新文件夹/新文件夹/2.txt");创建一个文件或文件夹并返回是否创建成功。如果文件所在文件夹不存在，则先创建他所在的一系列文件夹。如果文件已经存在，则直接返回false files.exists("/sdcard/新文件夹"); //返回文件夹/文件 是否存在
autojs 读取指定路径txt文本,读取有效的一行并删除该行
mingkeller的博客
10-22 2376
【代码】autojs 读取指定路径txt文本,读取有效的一行并删除该行。
Auto.js文本
weixin_46002413的博客
01-01 1595
写入 text="这里是写入内容123" files.write("/sdcard/1.txt",text) 追加 //追加内容 \n换行 files.append("/sdcard/1.txt","\n1234567899") 读取文本 //读取文本 if(files.isFile("/sdcard/1.txt")){ var txt = files.read("/sdcard/1.txt") toast(txt) // // } 打开文件 var r=
AutoX.js 文件的读取和写入
lczxylczxy的博客
05-25 2241
AutoX.js 的文件，读取和写入
Auto.js开启代码提示（VSCode）
小彤的博客
11-03 6130
Auto.js开启代码提示（VSCode） 最近在学autojs，发现vscode中没有代码提示，查找网上所谓csdn大佬的解决办法也没用，可能已经是很旧的解决办法了吧。下面我将正确做法做一下记录： 首先下载Auto.js-Pro-Ext 进入以下文件夹：C:\Users\用户名\.vscode\extensions\hyb1996.auto-js-pro-ext-1.3.2\assets\project-templates\v8-default 拷贝这两个文件到你的项目目录： 然后现在你就会发现代码提
Auto.js 读写txt文件
qq_25226575的博客
03-06 5652
//写字符串到txt文件 files.write("/sdcard/文本.txt","字符串1\n字符串2"); //读txt文本 wj= open("/sdcard/文本.txt"); du=wj.read() wj.close(); log(du) /* 字符串1 字符串2 */ //判断有多少行字符串 sz=du.split("\n") log(sz.length)// 2 //得到第一行字符串 log(sz[0])// 字符串1 //读一行 删除一行 sz=du.split("\n") log(s
JS显示文本内容换行
weixin_43041350的博客
10-19 3683
当可向HTML文档中写入内容时，可以使用HTML的。
前端实现带行号的文本编辑器
西凉的悲伤博客
08-25 1768
有时候要实现带有滚动条或者带有行号的文本输入区域，采用css可以很简单的实现。
vim编辑器永久显示行号与命令大全
在Linux环境中，vim编辑器是一款强大的文本编辑工具，深受程序员喜爱。默认情况下，vim不会显示行号，但通过简单的设置，我们可以让它永久显示行号，提高编辑效率。有两种方法实现这一功能： 1. 手动显示行号：在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值