Skip to content

Trích Văn Bản

Lấy nội dung văn bản của một phần tử

Bộ Chọn Phần Tử

Lựa chọn Bộ Chọn để phần tử nhấn vào.

Tuỳ chọn bộ chọn

Lựa chọn các tuỳ chọn mong muốn

Cờ regexFlags

Các lựa chọn để 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 nội dung muốn lấy.
  • Bỏ qua hoa thường(i): lấy các văn bản trùng khớp với bộ chọn không phân biệt chữ hoa thường.
  • Nhiều dòng(m): Chọn những văn bản trùng hợp với bộ chọn ở nhiều dòng khác nhau.

Thêm tiền tố

Có thể thêm bất kỳ kí tự gì trước văn bản đã lấy.

Ví dụ đoạn văn bản lấy ra là bông hoa thì khi thêm tiền tố hai thì văn bản trả về sẽ là hai bông hoa

Thêm hậu tố

Có thể thêm bất kỳ kí tự gì sau văn bản đã lấy.

Ví dụ đoạn văn bản lấy ra là bông hoa thì khi thêm tiền tố đỏ thì văn bản 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 mình lấy ra sẽ có dạng như sau 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 từ bộ chọn đã nhập

Ví dụ một văn bản mình lấy sẽ có dạng 100\n\nTotal Agent XP nhưng khi chọn Chỉ lấy văn bản thì văn bản sẽ ở dạng 100Total Agent XP

Gán Cho Biến

Có thể gán văn bản cho Biến

  • Tên Biến: Ghi tên của biến để gán văn bản cho biến. Trường này là tùy chọn khi bạn chọn Gán cho biến

Chèn Vào Bảng

Có thể chọn một cột trong Bảng để gán văn bản cho cột đấy.

  • Chọn Cột: Cột nơi văn bản sẽ được chèn vào. Trường này là tùy chọn khi bạn 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ế

Chẳng hạn ở kèo testnet Gokite AI, mình cần kiểm tra sẽ giá trị điểm đã là 200 chưa

click chuot

Nếu kết quả là 200 thì sẽ kết thúc quy trình, nếu không bằng 200 thì sẽ làm các hành động tiếp theo để có thể đủ 200 điểm. Do đó mình sẽ sử dụng node Trích văn bản để xử lí trường hợp này

Đầu tiên mình cần lấy selector của phần tử điểm rồi điền vào Bộ chọn CSS, ở đây mình đã lấy được selector *:nth-child(4) *:nth-child(3) > *:nth-child(1) > *:nth-child(2) > *:nth-child(1). Tiếp theo sẽ cấu hình regex để chỉ lấy ra giá trị số trước dấu / bởi vì cụm giá trị sau dấu / không cần thiết. Mình có thể hỏi con chatGPT để lấy ra đoạn văn bản theo yêu cầu bằng câu hỏi sau: Viết regex để chỉ lấy các giá trị tước dấu / và không lấy dấu /. Văn bản sau khi không có regex sẽ là 0/ 200 và sau khi thêm regex: \b\d+(?=\s*/) thì văn bản lấy được sẽ là 0. Tiếp theo chọn Chỉ lấy văn bản và gán giá trị cho một biến là score

Như vậy node Trích văn bản sẽ được cấu hình như sau

click chuot

Và kết quả khi chạy node là một biến chứa giá trị văn bản đã lấy

click chuot

Sau đó sử dụng node Điều kiện để so sánh bằng giữa biến score với 200.

click chuot

Nếu biến score chứa giá trị là số 200->điều kiện đúng->dừng quy trình. Trường hợp biến score chứa giá trị là số khác 200 điều kiện sai->chạy quy trình với các node tiếp theo

click chuot

Và khi chạy, mình sẽ thấy kết quả như sau

click chuot

Trong trường hợp này điểm bằng 0->điều kiện sau->chạy quy trình để kiếm đủ điểm