Trích Văn Bản
Lấy nội dung văn bản của một phần tử trên trang web. Node này thường được dùng để thu thập dữ liệu hiển thị trên trang, sau đó lưu vào biến hoặc bảng để xử lý tiếp.
Bộ Chọn Phần Tử
Lựa chọn Bộ Chọn để thao tác với phần tử.
Tuỳ chọn bộ chọn
Lựa chọn các tuỳ chọn mong muốn.
Regex
Các tuỳ chọn regex để lọc và lấy ra văn bản mong muốn:
- Khớp toàn bộ (g): Lấy tất cả văn bản khớp với mẫu regex.
- Bỏ qua hoa thường (i): Tìm văn bản khớp mà không phân biệt chữ hoa chữ thường.
- Nhiều dòng (m): Tìm văn bản khớp trên nhiều dòng khác nhau.
Thêm tiền tố
Thêm bất kỳ ký tự nào trước văn bản đã lấy.
Ví dụ, văn bản lấy ra là bông hoa, khi thêm tiền tố hai thì kết quả trả về sẽ là hai bông hoa.
Thêm hậu tố
Thêm bất kỳ ký tự nào sau văn bản đã lấy.
Ví dụ, văn bản lấy ra là bông hoa, khi thêm hậu tố đỏ thì kết quả trả về sẽ là bông hoa đỏ.
Bao gồm thẻ HTML bao ngoài
Bao gồm các thẻ HTML của phần tử bên trong văn bản.
Thông thường, văn bản lấy ra có dạng 100Total Agent XP nhưng khi chọn lấy các thẻ HTML thì cấu trúc sẽ là các thẻ HTML chứa đoạn văn bản đó: <div class=\"px-4 sm:px-0 flex flex-col items-center justify-center w-[259px] sm:w-[354px] h-[170px] border border-[#4F84C9] rounded-3xl\"><svg width=\"54\" height=\"54\" viewBox=\"0 0 54 54\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_7745_46469)\"><path d=\"M25.2499 3.30647C25.5117 2.32996 26.5154 1.75046 27.492 2.012L50.7136 8.23111C51.6906 8.49274 52.2704 9.49691 52.0085 10.4738L43.0981 43.7118C42.8362 44.6884 41.8325 45.2677 40.8559 45.0062L17.6341 38.787C16.6572 38.5255 16.0774 37.5213 16.3393 36.5445L25.2499 3.30647Z\" stroke=\"black\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path><path d=\"M23.5593 9.77734L3.28596 15.2123C2.30945 15.4741 1.72995 16.4778 1.99149 17.4544L10.8937 50.6948C11.1553 51.6714 12.1595 52.2512 13.1363 51.9893L24.7464 48.8769\" stroke=\"black\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></g><defs><clipPath id=\"clip0_7745_46469\"><rect width=\"54\" height=\"54\" fill=\"white\"></rect></clipPath></defs></svg><div class=\"flex gap-3 text-[28px] font-bold\"><p class=\"text-[#2E4CE2]\">100</p><p>Total Agent XP</p></div></div>
Chỉ lấy văn bản
Chỉ lấy phần văn bản thuần từ bộ chọn đã nhập, loại bỏ các ký tự xuống dòng và khoảng trắng thừa.
Ví dụ, văn bản gốc có dạng 100\n\nTotal Agent XP nhưng khi chọn Chỉ lấy văn bản thì kết quả sẽ là 100Total Agent XP.
Gán Cho Biến
Có thể gán văn bản đã lấy cho Biến.
- Tên Biến: Tên biến để gán giá trị. Trường này xuất hiện khi người dùng chọn
Gán cho biến.
Chèn Vào Bảng
Có thể chọn một cột trong Bảng để chèn văn bản vào.
- Chọn Cột: Cột nơi văn bản sẽ được chèn. Trường này xuất hiện khi người dùng chọn
Chèn vào bảng.
Thêm Hàng Bổ Sung
Chèn thêm một giá trị vào cột Bảng.
Ví dụ thực tế
Ví dụ, trong kèo testnet Kite AI, cần kiểm tra giá trị điểm đã đạt 200 hay chưa.
Nếu kết quả là 200 thì kết thúc quy trình; nếu chưa đạt 200 thì tiếp tục thực hiện các hành động để đủ 200 điểm. Để xử lý trường hợp này, sử dụng node Trích văn bản.
Đầu tiên, lấy selector của phần tử điểm rồi điền vào Bộ chọn CSS. Ở đây selector là *:nth-child(4) *:nth-child(3) > *:nth-child(1) > *:nth-child(2) > *:nth-child(1). Cấu hình regex để chỉ lấy giá trị số trước dấu / (phần sau dấu / không cần thiết). Có thể dùng ChatGPT để tạo regex phù hợp với câu hỏi: Viết regex để chỉ lấy các giá trị trước dấu / và không lấy dấu /. Văn bản gốc là 0/ 200, sau khi áp dụng regex \b\d+(?=\s*/) thì kết quả lấy được là 0. Tiếp theo, chọn Chỉ lấy văn bản và gán giá trị cho biến score.
Cấu hình node Trích văn bản hoàn chỉnh như sau:
Kết quả khi chạy node là một biến chứa giá trị văn bản đã lấy:
Sau đó, sử dụng node Điều kiện để so sánh bằng giữa biến score với 200.
Nếu biến score chứa giá trị 200 -> điều kiện đúng -> dừng quy trình. Nếu biến score chứa giá trị khác 200 -> điều kiện sai -> chạy tiếp các node tiếp theo.
Khi chạy, kết quả hiển thị như sau:
Trong trường hợp này, điểm bằng 0 -> điều kiện sai -> chạy quy trình để kiếm đủ điểm.