Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="utf-8">
6 <title>frps dashboard</title>
7 <script type="module" crossorigin src="./index-2a8cf2f5.js"></script>
8 <link rel="stylesheet" href="./index-4ce77078.css">
9</head>
10
11<body>
12 <div id="app"></div>
13
14</body>
15
16</html>
17

After

1<!DOCTYPE html>
2<html lang="en" class="dark">
3
4<head>
5 <meta charset="utf-8">
6 <title>frps dashboard</title>
7 <script type="module" crossorigin src="./index-b8250b3f.js"></script>
8 <link rel="stylesheet" href="./index-7b4711f8.css">
9</head>
10
11<body>
12 <div id="app"></div>
13
14</body>
15
16</html>
17

Before

document
doctype
<! "<!"
doctype "DOCTYPE"
> ">"
element
start_tag
< "<"
tag_name "html"
attribute
attribute_name "lang"
= "="
quoted_attribute_value
" "\""
attribute_value "en"
" "\""
> ">"
element
start_tag
< "<"
tag_name "head"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "charset"
= "="
quoted_attribute_value
" "\""
attribute_value "utf-8"
" "\""
> ">"
element
start_tag
< "<"
tag_name "title"
> ">"
text "frps dashboard"
end_tag
</ "</"
tag_name "title"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "type"
= "="
quoted_attribute_value
" "\""
attribute_value "module"
" "\""
attribute
attribute_name "crossorigin"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "./index-2a8cf2f5.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
element
start_tag
< "<"
tag_name "link"
attribute
attribute_name "rel"
= "="
quoted_attribute_value
" "\""
attribute_value "stylesheet"
" "\""
attribute
attribute_name "href"
= "="
quoted_attribute_value
" "\""
attribute_value "./index-4ce77078.css"
" "\""
> ">"
end_tag
</ "</"
tag_name "head"
> ">"
element (+25 nodes collapsed)
end_tag
</ "</"
tag_name "html"
> ">"

After

document
doctype
<! "<!"
doctype "DOCTYPE"
> ">"
element
start_tag
< "<"
tag_name "html"
attribute
attribute_name "lang"
= "="
quoted_attribute_value
" "\""
attribute_value "en"
" "\""
attribute
attribute_name "class"
= "="
quoted_attribute_value
" "\""
attribute_value "dark"
" "\""
> ">"
element
start_tag
< "<"
tag_name "head"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "charset"
= "="
quoted_attribute_value
" "\""
attribute_value "utf-8"
" "\""
> ">"
element
start_tag
< "<"
tag_name "title"
> ">"
text "frps dashboard"
end_tag
</ "</"
tag_name "title"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "type"
= "="
quoted_attribute_value
" "\""
attribute_value "module"
" "\""
attribute
attribute_name "crossorigin"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "./index-b8250b3f.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
element
start_tag
< "<"
tag_name "link"
attribute
attribute_name "rel"
= "="
quoted_attribute_value
" "\""
attribute_value "stylesheet"
" "\""
attribute
attribute_name "href"
= "="
quoted_attribute_value
" "\""
attribute_value "./index-7b4711f8.css"
" "\""
> ">"
end_tag
</ "</"
tag_name "head"
> ">"
element (+25 nodes collapsed)
end_tag
</ "</"
tag_name "html"
> ">"