aniani/vim
0
0
Fork 1
mirror of https://github.com/vim/vim.git synced 2025-07-25 10:54:51 -04:00
Code
vim/runtime/syntax/testdir/input/html_fold_syntax.html

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

106 lines
2.5 KiB
HTML
Raw Normal View History

runtime(html): Optionally fold tags with the "expr" method Tag folding poses a few difficulties. Many elements, e.g. "blockquote", are always delimited by start and end tags; end tags for some elements, e.g. "p", can be omitted in certain contexts; void elements, e.g. "hr", have no end tag. Although the rules for supporting omissible end tags are ad-hoc and involved, they apply to elements in scope. Assuming syntactical wellformedness, an end tag can be associated with its nearest matching start tag discoverable in scope and towards the beginning of a file, whereas all unbalanced tags and inlined tags can be disregarded. For example: ------------------------------------------------------------ <!DOCTYPE html> <html lang="en"> <!-- >1 : 1 --> <body> <!-- >2 : 2 --> <p>Paragraph #1. <!-- = : 2 --> <p> <!-- >3 : 3 --> Paragraph #2. <!-- = : 3 --> </p> <!-- <3 : 3 --> <p>Paragraph #3.</p> <!-- = : 2 --> </body> <!-- <2 : 2 --> </html> <!-- <1 : 1 --> ------------------------------------------------------------ (HTML comments here, "<!-- ... -->", record two values for each folded line that are separated by ":", a value obtained from "&foldexpr" and a value obtained from "foldlevel()".) Innermost foldedable tags will be flattened. For example: ------------------------------------------------------------ <!DOCTYPE html> <html lang="en"> <!-- >1 : 1 --> <body> <!-- >2 : 2 --> <div class="block"> <!-- >3 : 3 --> <pre><code> <!-- >4 : 4 --> [CODE SNIPPET] <!-- = : 4 --> </code></pre> <!-- <4 : 4 --> </div> <!-- <3 : 3 --> </body> <!-- <2 : 2 --> </html> <!-- <1 : 1 --> ------------------------------------------------------------ No folding will be requested for the "<code>"-"</code>" tag pair and reflected by "&foldexpr" because such a fold would have claimed the same lines that the immediate fold of the "<pre>"-"</pre>" tag already claims. Run-on folded tags may confuse Vim. When a file such as: ------------------------------------------------------------ <!DOCTYPE html> <html lang="en"> <!-- >1 : 1 --> <body> <!-- >2 : 2 --> <div class="block"> <!-- >3 : 3 --> <pre> <!-- >4 : 4 --> <code> <!-- >5 : 5 --> [CODE SNIPPET #1] <!-- = : 5 --> </code> <!-- <5 : 5 --> </pre> <!-- <4 : 4 --> </div> <!-- <3 : 3 --> <!-- = : 3 --> <div class="block"> <!-- >3 : 3 --> <pre> <!-- >4 : 4 --> <code> <!-- >5 : 5 --> [CODE SNIPPET #2] <!-- = : 5 --> </code> <!-- <5 : 5 --> </pre> <!-- <4 : 4 --> </div> <!-- <3 : 3 --> </body> <!-- <2 : 2 --> </html> <!-- <1 : 1 --> ------------------------------------------------------------ is reformatted as follows: ------------------------------------------------------------ <!DOCTYPE html> <html lang="en"> <!-- >1 : 1 --> <body> <!-- >2 : 2 --> <div class="block"> <!-- >3 : 3 --> <pre> <!-- >4 : 4 --> <code> <!-- >5 : 5 --> [CODE SNIPPET #1] <!-- = : 5 --> </code> <!-- <5 : 5 --> </pre> <!-- <4 : 4 --> </div><div class="block"><pre><code> <!-- <3 : 3 --> [CODE SNIPPET #2] <!-- = : 2 ? --> </code> <!-- <5 : 2 ? --> </pre> <!-- <4 : 2 ? --> </div> <!-- <3 : 2 ? --> </body> <!-- <2 : 2 --> </html> <!-- <1 : 1 --> ------------------------------------------------------------ "&foldexpr" values will not be used as is for the lines between (and including) "[CODE SNIPPET #2]" and "</div>". (Cf. v9.1.0002.) Having syntax highlighting in effect, tag folding using the "fold-expr" method can be enabled with: ------------------------------------------------------------ let g:html_expr_folding = 1 ------------------------------------------------------------ By default, tag folding will be redone from scratch after each occurrence of a TextChanged or an InsertLeave event. Such frequency may not be desired, especially for large files, and this recomputation can be disabled with: ------------------------------------------------------------ let g:html_expr_folding_without_recomputation = 1 doautocmd FileType ------------------------------------------------------------ To force another recomputation, do: ------------------------------------------------------------ unlet! b:foldsmap normal zx ------------------------------------------------------------ References: https://web.archive.org/web/20250328105626/https://html.spec.whatwg.org/multipage/syntax.html#optional-tags https://en.wikipedia.org/wiki/Dangling_else closes: #17141 Signed-off-by: Aliaksei Budavei <0x000c70@gmail.com> Signed-off-by: Christian Brabandt <cb@256bit.org>
2025-05-10 21:40:41 +02:00
<!DOCTYPE html>
<!--
VIM_TEST_SETUP let g:html_syntax_folding = 1
VIM_TEST_SETUP setlocal foldcolumn=8 foldlevel=8 foldmethod=syntax
-->
<html lang="en"> <!-- 1 -->
<HEAD> <!-- 2 -->
<meta charset="UTF-8">
<title>A folding syntax test</title><style> /* 3 */
p { font-size: 24px; } /* </style>
<style>*/</style></head></head></head></head>
<bOdY STYLE="background: #bebebe"> <!-- 2 -->
<br><br><br><br><script><![CDATA[ // 3
// \x3C!--
// \x3Cscript>
// \x3C/script>
// -->
]]></script>
<h2 id="></h2>"><i>An H2 header</i></h2>
<br><br><br><br>
<hr>
<p>Paragraph #1. <!-- 3 -->
</p>
<p>Paragraph #2.</p>
<details> <!-- 3 </details> -->
<summary> <!-- 4 </summary> -->
</summary>
<p>Paragraph #1.</p>
<ul> <!-- 4 FIXME -->
<li>Item a.</li><li>Item b.</li>
<li>Item c.</li>
</ul>
<p>Paragraph #2. <!-- 4 FIXME -->
</p>
</details>
<dl> <!-- 3 -->
<dt>A quick brown fox jumps over the lazy dog</dt>
<dd>Woof! <!-- 4 -->
<dl> <!-- 5 -->
<dt>A quick brown fox jumps over the lazy dog</dt>
<dd>Woof!</dd>
</dl></dd>
</dl>
<article>Thread #1 <!-- 3 -->
<article>Thread #2 <!-- 4 -->
</article>
</article>
<p> <!-- 3 -->
<label for="selection">Select Option</label>
<select
id="selection"
name="selection"> <!-- 5 -->
<optgroup label="Primary Group"> <!-- 5 -->
<option value="1">Alternative</option>
<option value="2" selected>Default</option>
<option value="3">Basic</option>
<option value="4">Extended</option>
</optgroup>
</select>
</p>
<table> <!-- 3 -->
<caption>Some Caption</caption>
<colgroup><col><col><col></colgroup>
<thead> <!-- 4 -->
<tr><th>Header #1</th><th>Header #2</th><th>Header #3</th></tr>
</thead><tbody>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
<tr><td>Column #1</td><td>Column #2</td><td>Column #3</td></tr>
</tbody></table>
<div class="block"> <!-- 3 -->
<blockquote><pre><code> <!-- 6 -->
&lt;div class="block"&gt;
&lt;blockquote&gt;&lt;pre&gt;&lt;code&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/blockquote&gt;&lt;/div&gt;
</code></pre></blockquote></div>
<p>Paragraph #3.</p><p>Paragraph #4.</p><p>Paragraph #5.</p>
<p>Paragraph #6.</p><p>Paragraph #7.</p><p>Paragraph #8.</p><p>Paragraph #9.</p>
<p id="></p>">Paragraph #10. <!-- 3 FIXME -->
</p>
<p >Paragraph #11.</p><p id="p"
class="p">Paragraph #12.</p><p
class="p">Paragraph #13.</p><p
>Paragraph #14.</p>
<p>Paragraph #15. <!-- UNBALANCED! -->
<p>Paragraph #16. <!-- UNBALANCED! -->
</BoDy>
</HTML>
Copy Permalink