The task of Advanced Programming class on 2019/03/28. C++ HTML parser that generates a simple DOM tree.
- C++ compiler with C++17 support
- CMake (>= 3.0)
This project contain a sample that read HTML input from a file or stdin, and print the colorized DOM tree to the terminal.
mkdir build
cd build
cmake -DCMAKE_BUILD_TYPE=Release ../src
make
# Read HTML input from stdin
./html-parser <<< '<div><a href=/qwq title="qaq">a</a> ≤ b<!-- Comment --></div>'
# Read HTML input from index.html
./html-parser index.htmlThe output is like (for the first example that reads from stdin):
Include HTMLDocument.h.
The interface to parse HTML string and get data from it.
Construct a HTMLDocument object from a std::istream or string.
// explicit HTMLDocument::HTMLDocument(std::istream &)
HTMLDocument document1(std::cin);
// explicit HTMLDocument::HTMLDocument(std::istream &&)
HTMLDocument document2(std::ifstream("index.html"));
// explicit HTMLDocument::HTMLDocument(const StringEx &)
HTMLDocument document3("<div>a ≤ b</div>");Parse HTML document from a new string, replacing the current if exists.
HTMLDocument document(std::cin);
// void HTMLDocument::parse(const StringEx &)
document.parse("<div>a ≤ b</div>");Print the colorized DOM tree of HTML document to the terminal.
HTMLDocument document("<div>a ≤ b</div>");
// void HTMLDocument::inspect()
document.inspect();Get all text in the document.
HTMLDocument document("<div>a ≤ b</div><div>qwq</div>");
// StringEx HTMLDocument::getTextContent()
StringEx textContent = document.getTextContent();
// textContent = "a ≤ bqwq"Get the element whose id attribute equals to a string. Return a HTMLDocument::Element object if found, a null HTMLDocument::Element object if NOT found.
HTMLDocument document("<div id="my-div">a ≤ b</div>");
// HTMLDocument::Element HTMLDocument::getElementById(const StringEx &)
HTMLDocument::Element div = document.getElementById("my-div");Get all elements whose name attribute equal to a string. Return a std::vector<HTMLDocument::Element> that contains all matching elements.
HTMLDocument document("<div name="my">a ≤ b</div><span name="my">qwq</span>");
// std::vector<HTMLDocument::Element> HTMLDocument::getElementsByName(const StringEx &)
std::vector<HTMLDocument::Element> elements = document.getElementsByName("my");Get all elements whose tag name equals to a string. Return a std::vector<HTMLDocument::Element> that contains all matching elements.
HTMLDocument document("<div>a ≤ b</div><div>qwq</div>");
// std::vector<HTMLDocument::Element> HTMLDocument::getElementsByTagName(const StringEx &)
std::vector<HTMLDocument::Element> elements = document.getElementsByTagName("div");Get all elements which have a certain class. Return a std::vector<HTMLDocument::Element> that contains all matching elements.
HTMLDocument document("<div class="my-class">a ≤ b</div><div class="my-class">qwq</div>");
// std::vector<HTMLDocument::Element> HTMLDocument::getElementsByClassName(const StringEx &)
std::vector<HTMLDocument::Element> elements = document.getElementsByClassName("my-class");Get the page title (i.e. text inside the first <title> tag) of the document.
HTMLDocument document("<title>a ≤ b</title>");
// StringEx HTMLDocument::getTitle()
StringEx title = document.getTitle();
// title = "a ≤ b"Get the page's article content (i.e. text inside all <p> tags) of the document, separated by \n.
HTMLDocument document("<p>a ≤ b</p><div>QAQ</div><p>qwq</p>");
// StringEx HTMLDocument::getArticleContent()
StringEx content = document.getArticleContent();
// content = "a ≤ bqwq"The interface to get data from a HTML element or its subtree.
The default constructor constructs a empty element, on which you do any operation will result in a std::invalid_argument exception. Check it with if (element) first.
Print the colorized DOM tree of this element to the terminal.
HTMLDocument document("<div id="wrapper"><div>a ≤ b</div></div>");
HTMLDocument::Element element = document.getElementById("wrapper");
// void HTMLDocument::Element::inspect()
element.inspect();Get all text in the element.
HTMLDocument document("<div id="wrapper"><div>a ≤ b</div><div>qwq</div></div>");
HTMLDocument::Element element = document.getElementById("wrapper");
// StringEx HTMLDocument::Element::getTextContent()
StringEx textContent = element.getTextContent();
// textContent = "a ≤ b"Get a attribute with specfied name of the element. Return a empty string if not found.
HTMLDocument document("<div id="wrapper" data-url="/qwq"></div>");
HTMLDocument::Element element = document.getElementById("wrapper");
// StringEx HTMLDocument::Element::getAttribute(const StringEx &)
StringEx value = element.getTextContent("data-url");
// value = "/qwq"Get all elements whose tag name equals to a string. Return a std::vector<HTMLDocument::Element> that contains all matching elements.
HTMLDocument document("<div id="wrapper"><div>a ≤ b</div><div>qwq</div></div>");
HTMLDocument::Element element = document.getElementById("wrapper");
// std::vector<HTMLDocument::Element> HTMLDocument::Element::getElementsByTagName(const StringEx &)
std::vector<HTMLDocument::Element> elements = element.getElementsByTagName("div");Get all elements which have a certain class. Return a std::vector<HTMLDocument::Element> that contains all matching elements.
HTMLDocument document("<div id="wrapper"><div class="my-class">a ≤ b</div><div class="my-class">qwq</div></div>");
HTMLDocument::Element element = document.getElementById("wrapper");
// std::vector<HTMLDocument::Element> HTMLDocument::Element::getElementsByClassName(const StringEx &)
std::vector<HTMLDocument::Element> elements = element.getElementsByClassName("my-class");
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent