Flutter에서 HTML 태그를 파싱하는 방법
4290 단어 flutterprogrammingbeginnershtml
이번 포스팅에서 다룰 내용은
URL에서 HTML 파일 읽기
HTML 태그 구문 분석
업데이트된 html 텍스트를 화면에 표시
HTML 데이터 구문 분석
이제 http 패키지를 사용하여 URL에서 가져온 html 데이터가 있습니다. 가져온 콘텐츠를 구문 분석할 시간입니다. 아래 코드를 사용하여 html 태그를 구문 분석했습니다.
예를 들어 튜토리얼 페이지에는 장의 색인이 있습니다. 이제 모든 색인 제목과 href 태그 URL을 가져와야 합니다.
Index div에는 클래스 이름이 챕터로 포함되어 있으므로 아래와 같이 구문 분석하여 모든 인덱스 데이터를 읽습니다.
var chapters = document.getElementsByClassName("chapters");
chapters.forEach((element) {
var inner = element.innerHtml.toString();
if (inner.contains("href")) {
parse(inner).getElementsByTagName("li").forEach((element) {
var list = element.innerHtml;
if (list.contains("href")) {
// indexlist_local.add(list.substring(list.indexOf("href=")+6,list.indexOf(">")-1));
indexlist_local.add(IndexContent(title: element.text,
path: list.substring(
list.indexOf("href=") + 6, list.indexOf(">") - 1)));
}
});
}
});
편집된 Html 데이터를 화면에 렌더링
우리는 모든 html 텍스트를 편집했습니다. 이제 listview에 모든 색인 데이터를 표시하고 해당 장 내용을 화면에 표시합니다. html 데이터를 로드하기 위해 html_flutter 플러그인을 사용하여 flutter에서 Html 데이터를 로드하는 방법을 읽어보세요.
Parse HTML in Flutter에 대한 전체 소스 코드를 참조하십시오.
Reference
이 문제에 관하여(Flutter에서 HTML 태그를 파싱하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/rrtutors/how-can-we-parse-html-tags-in-flutter-310텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)