Warning, /frameworks/syntax-highlighting/autotests/folding/test.htm.fold is written in an unsupported language. File is not indexed.
0001 <beginfold id='1'><!DOCTYPE</beginfold id='1'> HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"<endfold id='1'>></endfold id='1'>
0002 <html>
0003 <head>
0004 <title>This is a title</title>
0005 <<beginfold id='2'>style</beginfold id='2'>>
0006 <beginfold id='3'>/*</beginfold id='3'> comment <endfold id='3'>*/</endfold id='3'>
0007 #xyz <beginfold id='4'>{</beginfold id='4'> color: red; <endfold id='4'>}</endfold id='4'>
0008 h1 <beginfold id='4'>{</beginfold id='4'> font: "Comic Sans"; <endfold id='4'>}</endfold id='4'>
0009 </<endfold id='2'>style</endfold id='2'>>
0010 </head>
0011 <body class="ui main">
0012 <p *ngFor="let name of names">Hello, {{ name }}!</p>
0013 </body>
0014
0015 <beginfold id='5'><!--</beginfold id='5'> JavaScript code <endfold id='5'>--></endfold id='5'>
0016 <<beginfold id='6'>script</beginfold id='6'>>
0017 document.body.appendChild(document.createTextNode('Hello World!')); // comment
0018 </<endfold id='6'>script</endfold id='6'>>
0019
0020 <beginfold id='5'><!--</beginfold id='5'> TypeScript code <endfold id='5'>--></endfold id='5'>
0021 <<beginfold id='6'>script</beginfold id='6'> type="text/typescript">
0022 class Student <beginfold id='7'>{</beginfold id='7'>
0023 fullName: string;
0024 constructor(public firstName: string, public middleInitial: string, public lastName: string) <beginfold id='7'>{</beginfold id='7'>
0025 this.fullName = firstName + " " + middleInitial + " " + lastName;
0026 <endfold id='7'>}</endfold id='7'>
0027 <endfold id='7'>}</endfold id='7'>
0028 let a: null = null;
0029 let b: number = 12_3;
0030 </<endfold id='6'>script</endfold id='6'>>
0031
0032 <beginfold id='5'><!--</beginfold id='5'> JSX code <endfold id='5'>--></endfold id='5'>
0033 <<beginfold id='6'>script</beginfold id='6'> src="https://unpkg.com/babel-standalone@6/babel.min.js"></<endfold id='6'>script</endfold id='6'>>
0034 <<beginfold id='6'>script</beginfold id='6'> type="text/babel">
0035 ReactDOM.render(
0036 <beginfold id='8'><h1</beginfold id='8'>>Hello, world!</h1<endfold id='8'>></endfold id='8'>,
0037 document.getElementById('root')
0038 );
0039 function Story(props) <beginfold id='9'>{</beginfold id='9'>
0040 const SpecificStory = components<beginfold id='10'>[</beginfold id='10'>props.storyType<endfold id='10'>]</endfold id='10'>;
0041 return <beginfold id='11'><SpecificStory</beginfold id='11'> story=<beginfold id='12'>{</beginfold id='12'> props.story <endfold id='12'>}</endfold id='12'> attr2="&ref;" attr3="Hello\n" <endfold id='11'>/></endfold id='11'>;
0042 <endfold id='9'>}</endfold id='9'>
0043 </<endfold id='6'>script</endfold id='6'>>
0044
0045 <beginfold id='5'><!--</beginfold id='5'> Mustache/Handlebars <endfold id='5'>--></endfold id='5'>
0046 <<beginfold id='6'>script</beginfold id='6'> type="x-tmpl-mustache">
0047 <beginfold id='13'>{{#movie</beginfold id='13'>}}
0048 <beginfold id='14'><div</beginfold id='14'>>
0049 <h1>{{title}}</h1>
0050 <img src="{{poster}}" alt="{{title}}"/>
0051 <endfold id='14'></div</endfold id='14'>>
0052 <beginfold id='14'><div</beginfold id='14'>>
0053 Rating - {{ratings.critics_rating}}
0054 <endfold id='14'></div</endfold id='14'>>
0055 <endfold id='13'>{{/movie}}</endfold id='13'>
0056 <beginfold id='13'>{{^movie</beginfold id='13'>}}
0057 <beginfold id='14'><div</beginfold id='14'>>
0058 Movie Does Not Exist :(
0059 <endfold id='14'></div</endfold id='14'>>
0060 <endfold id='13'>{{/movie}}</endfold id='13'>
0061 <beginfold id='15'>{{!</beginfold id='15'> comment <endfold id='15'>}}</endfold id='15'>
0062 </<endfold id='6'>script</endfold id='6'>>
0063
0064 <beginfold id='5'><!--</beginfold id='5'> HTML template <endfold id='5'>--></endfold id='5'>
0065 <<beginfold id='6'>script</beginfold id='6'> type="text/html">
0066 <li><a href="link">Hello</a></li>
0067 </<endfold id='6'>script</endfold id='6'>>
0068
0069 <beginfold id='5'><!--</beginfold id='5'> Close the block correctly after "?" in the JavaScript highlighter <endfold id='5'>--></endfold id='5'>
0070 <<beginfold id='6'>script</beginfold id='6'>>
0071 ?
0072 </<endfold id='6'>script</endfold id='6'>>
0073
0074 </html>
0075 <beginfold id='5'><!--</beginfold id='5'>
0076
0077 HTML Syntax Highlight Sample File (Standard)
0078
0079 - Follow HTML5 standard.
0080 - Contain some valid, but not recommended syntax.
0081 - Can be rendered by modern web browsers.
0082
0083 @author Guo Yunhe guoyunhebrave@gmail.com
0084 @date 2016-09-17
0085
0086 <endfold id='5'>--></endfold id='5'>
0087
0088 <beginfold id='1'><!DOCTYPE</beginfold id='1'> html<endfold id='1'>></endfold id='1'>
0089
0090 <html>
0091
0092 <head>
0093 <meta charset="utf-8">
0094 <title>HTML Syntax Highlight Sample File (Standard)</title>
0095 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
0096 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
0097 <<beginfold id='6'>script</beginfold id='6'> src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></<endfold id='6'>script</endfold id='6'>>
0098 </head>
0099
0100 <body>
0101
0102 <beginfold id='5'><!--</beginfold id='5'> HTML5 defined elements <endfold id='5'>--></endfold id='5'>
0103
0104 <<beginfold id='16'>div</beginfold id='16'>>
0105 This is a div. <span>This is a span</span>
0106 <<beginfold id='16'>div</beginfold id='16'>>
0107 This is a div.
0108 </<endfold id='16'>div</endfold id='16'>>
0109 </<endfold id='16'>div</endfold id='16'>>
0110
0111 <p>
0112 This is a paragraph. <em></em>
0113 </p>
0114
0115 <h1>This is heading 1</h1>
0116 <h2>This is heading 2</h2>
0117 <h3>This is heading 3</h3>
0118 <h4>This is heading 4</h4>
0119 <h5>This is heading 5</h5>
0120 <h6>This is heading 6</h6>
0121
0122 <a href="http://www.w3schools.com">This is a link</a>
0123
0124 <br>
0125
0126 <img src="http://placehold.it/200x150" alt="This is an image" width="200" height="150">
0127
0128 <hr>
0129
0130 <<beginfold id='17'>ul</beginfold id='17'>>
0131 <li>List item</li>
0132 <li>List item</li>
0133 <li>List item</li>
0134 <li>List item</li>
0135 <li>List item</li>
0136 </<endfold id='17'>ul</endfold id='17'>>
0137
0138 <<beginfold id='18'>ol</beginfold id='18'>>
0139 <li>List item</li>
0140 <li>List item</li>
0141 <li>List item</li>
0142 <li>List item</li>
0143 <li>List item</li>
0144 </<endfold id='18'>ol</endfold id='18'>>
0145
0146 <<beginfold id='19'>table</beginfold id='19'>>
0147 <tr>
0148 <th>Table head</th>
0149 <th>Table head</th>
0150 <th>Table head</th>
0151 </tr>
0152 <tr>
0153 <td>Table head</td>
0154 <td>Table head</td>
0155 <td>Table head</td>
0156 </tr>
0157 </<endfold id='19'>table</endfold id='19'>>
0158
0159 <form>
0160 <input type="email" name="author"/>
0161 <input type="text" name="message"/>
0162 <button type="button">Send</button>
0163 </form>
0164
0165 <<beginfold id='20'>main</beginfold id='20'>>
0166 <<beginfold id='21'>header</beginfold id='21'>>This is a header.</<endfold id='21'>header</endfold id='21'>>
0167
0168 <<beginfold id='22'>nav</beginfold id='22'>>This is a nav.</<endfold id='22'>nav</endfold id='22'>>
0169
0170 <<beginfold id='23'>article</beginfold id='23'>>
0171 <h2>This is an article.</h2>
0172 <p>This is an article.</p>
0173 </<endfold id='23'>article</endfold id='23'>>
0174
0175 <<beginfold id='24'>aside</beginfold id='24'>>
0176 <h2>This is an aside.</h2>
0177 </<endfold id='24'>aside</endfold id='24'>>
0178
0179 <<beginfold id='25'>footer</beginfold id='25'>></<endfold id='25'>footer</endfold id='25'>>
0180
0181 </<endfold id='20'>main</endfold id='20'>>
0182
0183 <beginfold id='5'><!--</beginfold id='5'> Custom elements <endfold id='5'>--></endfold id='5'>
0184
0185 <booklist>
0186 <book>
0187 <booktitle>Just For Fun: The Story of an Accidental Revolutionary</booktitle>
0188 <author>Linus Torvalds</author>
0189 <description
0190 class="featured" title="Click to read full text...">
0191 A humorous autobiography of Linus Torvalds, the creator of the Linux
0192 kernel, co-written with David Diamond. The book primarily theorizes
0193 the Law of Linus that all evolution contributed by humanity starts
0194 for survival, sustains socially and entertains at last. As well as
0195 this the book explains Torvalds' view of himself, the free software
0196 movement and the development of Linux.</description>
0197 </book>
0198 </booklist>
0199
0200 <large-space/>
0201
0202 <beginfold id='5'><!--</beginfold id='5'> Ends for single tag elements <endfold id='5'>--></endfold id='5'>
0203 <br>
0204 <br/>
0205 <br />
0206 <br></br>
0207
0208 <beginfold id='5'><!--</beginfold id='5'> Uppercase elements <endfold id='5'>--></endfold id='5'>
0209
0210 <<beginfold id='16'>DIV</beginfold id='16'>>
0211 THIS IS A DIV.
0212 <P>THIS IS A PARAGRAPH.</P>
0213 <H2>THIS IS A HEADING.</H2>
0214 </<endfold id='16'>DIV</endfold id='16'>>
0215
0216 <beginfold id='5'><!--</beginfold id='5'> Arrtibutes <endfold id='5'>--></endfold id='5'>
0217
0218 <a href="#" style="background-color:rgba(0,0,0,0.3)" title="Click me">Magic button</a>
0219
0220 <img src="http://placehold.it/200x150" alt="This is an image" width="200"
0221 height="150" title="This is an image">
0222
0223 <beginfold id='5'><!--</beginfold id='5'> Attribute without value <endfold id='5'>--></endfold id='5'>
0224
0225 <select>
0226 <option selected>GNU/Linux</option>
0227 <option>BSD</option>
0228 <option>Windows</option>
0229 <option>macOS</option>
0230 </select>
0231
0232 <beginfold id='5'><!--</beginfold id='5'> Attribute without quotes <endfold id='5'>--></endfold id='5'>
0233
0234 <<beginfold id='16'>div</beginfold id='16'> id=name class=a-sweet-block data-counter=175>This is a div.</<endfold id='16'>div</endfold id='16'>>
0235
0236 <input value=abc&def/>
0237
0238 </body>
0239
0240 </html>