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

…lines 1–90 unchanged (90 lines)
91 <span data-level="3"></span>
92 </div>
93 </div>
94 <div data-i18n="completeFilteringModeDescription"></div>
95 </label>
96 </div>
97 <p><label id="strictBlockMode" data-i18n="enableStrictBlockLabel"><span class="input checkbox"><input type="checkbox"><svg viewBox="0 0 24 24"><path d="M1.73,12.91 8.1,19.28 22.79,4.59"/></svg></span>_</label><legend data-i18n="enableStrictBlockLegend"></legend>
98 <p id="developerMode"><label data-i18n="developerModeLabel"><span class="input checkbox"><input type="checkbox"><svg viewBox="0 0 24 24"><path d="M1.73,12.91 8.1,19.28 22.79,4.59"/></svg></span>_</label><legend data-i18n="developerModeLegend"></legend>
99 </div>
100 </section>
101 <!-- -------- -->
102 <section data-pane="rulesets">
103 <div id="lists"></div>
…lines 104–216 unchanged (113 lines)

After

…lines 1–90 unchanged (90 lines)
91 <span data-level="3"></span>
92 </div>
93 </div>
94 <div data-i18n="completeFilteringModeDescription"></div>
95 </label>
96 </div>
97 <p data-platform-exclude="safari"><label id="strictBlockMode" data-i18n="enableStrictBlockLabel"><span class="input checkbox"><input type="checkbox"><svg viewBox="0 0 24 24"><path d="M1.73,12.91 8.1,19.28 22.79,4.59"/></svg></span>_</label><legend data-i18n="enableStrictBlockLegend"></legend>
98 <p id="developerMode"><label data-i18n="developerModeLabel"><span class="input checkbox"><input type="checkbox"><svg viewBox="0 0 24 24"><path d="M1.73,12.91 8.1,19.28 22.79,4.59"/></svg></span>_</label><legend data-i18n="developerModeLegend"></legend>
99 </div>
100 </section>
101 <!-- -------- -->
102 <section data-pane="rulesets">
103 <div id="lists"></div>
…lines 104–216 unchanged (113 lines)

Before

document
doctype
<! "<!"
doctype "DOCTYPE"
> ">"
element
start_tag
< "<"
tag_name "html"
> ">"
element (+253 nodes collapsed)
element
start_tag
< "<"
tag_name "body"
attribute
attribute_name "data-pane"
= "="
quoted_attribute_value
" "\""
attribute_value "settings"
" "\""
attribute
attribute_name "class"
= "="
quoted_attribute_value
" "\""
attribute_value "loading"
" "\""
> ">"
comment "<!-- -------- -->"
element (+371 nodes collapsed)
comment "<!-- -------- -->"
element
start_tag
< "<"
tag_name "section"
attribute
attribute_name "data-pane"
= "="
quoted_attribute_value
" "\""
attribute_value "settings"
" "\""
> ">"
element (+199 nodes collapsed)
element
start_tag
< "<"
tag_name "div"
> ">"
element
start_tag
< "<"
tag_name "h3"
attribute
attribute_name "data-i18n"
= "="
quoted_attribute_value
" "\""
attribute_value "defaultFilteringModeSectionLabel"
" "\""
> ">"
end_tag
</ "</"
tag_name "h3"
> ">"
element
start_tag
< "<"
tag_name "p"
attribute
attribute_name "data-i18n"
= "="
quoted_attribute_value
" "\""
attribute_value "defaultFilteringModeDescription"
" "\""
> ">"
end_tag
</ "</"
tag_name "p"
> ">"
element (+868 nodes collapsed)
element
start_tag
< "<"
tag_name "p"
> ">"
element (+80 nodes collapsed)
element
start_tag
< "<"
tag_name "legend"
attribute
attribute_name "data-i18n"
= "="
quoted_attribute_value
" "\""
attribute_value "enableStrictBlockLegend"
" "\""
> ">"
end_tag
</ "</"
tag_name "legend"
> ">"
element (+101 nodes collapsed)
end_tag
</ "</"
tag_name "div"
> ">"
end_tag
</ "</"
tag_name "section"
> ">"
comment "<!-- -------- -->"
element (+32 nodes collapsed)
comment "<!-- -------- -->"
element (+211 nodes collapsed)
comment "<!-- -------- -->"
element (+799 nodes collapsed)
comment "<!-- -------- -->"
element (+441 nodes collapsed)
element (+375 nodes collapsed)
element (+71 nodes collapsed)
element (+64 nodes collapsed)
element (+32 nodes collapsed)
element (+32 nodes collapsed)
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "lib/codemirror/cm6.bundle.ubol.min.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
end_tag
</ "</"
tag_name "body"
> ">"
end_tag
</ "</"
tag_name "html"
> ">"

After

document
doctype
<! "<!"
doctype "DOCTYPE"
> ">"
element
start_tag
< "<"
tag_name "html"
> ">"
element (+253 nodes collapsed)
element
start_tag
< "<"
tag_name "body"
attribute
attribute_name "data-pane"
= "="
quoted_attribute_value
" "\""
attribute_value "settings"
" "\""
attribute
attribute_name "class"
= "="
quoted_attribute_value
" "\""
attribute_value "loading"
" "\""
> ">"
comment "<!-- -------- -->"
element (+371 nodes collapsed)
comment "<!-- -------- -->"
element
start_tag
< "<"
tag_name "section"
attribute
attribute_name "data-pane"
= "="
quoted_attribute_value
" "\""
attribute_value "settings"
" "\""
> ">"
element (+199 nodes collapsed)
element
start_tag
< "<"
tag_name "div"
> ">"
element
start_tag
< "<"
tag_name "h3"
attribute
attribute_name "data-i18n"
= "="
quoted_attribute_value
" "\""
attribute_value "defaultFilteringModeSectionLabel"
" "\""
> ">"
end_tag
</ "</"
tag_name "h3"
> ">"
element
start_tag
< "<"
tag_name "p"
attribute
attribute_name "data-i18n"
= "="
quoted_attribute_value
" "\""
attribute_value "defaultFilteringModeDescription"
" "\""
> ">"
end_tag
</ "</"
tag_name "p"
> ">"
element (+868 nodes collapsed)
element
start_tag
< "<"
tag_name "p"
attribute
attribute_name "data-platform-exclude"
= "="
quoted_attribute_value
" "\""
attribute_value "safari"
" "\""
> ">"
element (+80 nodes collapsed)
element
start_tag
< "<"
tag_name "legend"
attribute
attribute_name "data-i18n"
= "="
quoted_attribute_value
" "\""
attribute_value "enableStrictBlockLegend"
" "\""
> ">"
end_tag
</ "</"
tag_name "legend"
> ">"
element (+101 nodes collapsed)
end_tag
</ "</"
tag_name "div"
> ">"
end_tag
</ "</"
tag_name "section"
> ">"
comment "<!-- -------- -->"
element (+32 nodes collapsed)
comment "<!-- -------- -->"
element (+211 nodes collapsed)
comment "<!-- -------- -->"
element (+799 nodes collapsed)
comment "<!-- -------- -->"
element (+441 nodes collapsed)
element (+375 nodes collapsed)
element (+71 nodes collapsed)
element (+64 nodes collapsed)
element (+32 nodes collapsed)
element (+32 nodes collapsed)
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "lib/codemirror/cm6.bundle.ubol.min.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
script_element (+24 nodes collapsed)
end_tag
</ "</"
tag_name "body"
> ">"
end_tag
</ "</"
tag_name "html"
> ">"