forked from wordpress-mobile/AztecEditor-iOS
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontent.html
More file actions
167 lines (129 loc) · 4.89 KB
/
Copy pathcontent.html
File metadata and controls
167 lines (129 loc) · 4.89 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<h1>Welcome To Aztec</h1>
<p>Aztec goal is to be an component that allows display and editition of HTML. <br/>
It aims to supports the most common character styles, paragraph styles and multimedia elements.
</p>
<!--more-->
<h2>Character Styles</h2>
Bold: <strong>Bold text</strong><br/>
Italic: <em>Italic text</em><br/>
This is superscript<sup>(1)</sup> and this is subscript<sub>(2)</sub><br/>
Underline: <u>Underlined text</u><br/>
Strikethrough: <del>Strikethrough</del><br/>
Colors: <span style="color: royalblue;">Royal Blue by name</span> <span style="color: #ff0000;">Red by hex</span><br/><br/>
Underline with CSS: <span style="text-decoration: underline;">Alternative underline text</span><br/>
Links: <a href="http://www.wordpress.com">I'm a link!</a><br/> <a href="http://www.wordpress.com" target="_blank">Open in new window link!</a> <br/>
Code: <code>print("Hello world")</code> <br/>
<hr/>
<h2>Paragraph Styles</h2>
<h3>Lists</h3>
<h4>Unordered List:</h4>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<h4>Ordered List:</h4>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<h4>Start in 10 List:</h4>
<ol start="10">
<li>Ten</li>
<li>Eleven</li>
<li>Twelve</li>
</ol>
<h4>Reversed List:</h4>
<ol reversed>
<li>Three</li>
<li>Two</li>
<li>One</li>
</ol>
<h4>Reversed Start in 10 List:</h4>
<ol reversed start="10">
<li>Ten</li>
<li>Nine</li>
<li>Eight</li>
</ol>
<h4>Nested lists:</h4>
<ol>
<li>One
<ol>
<li>One</li>
<li>Two</li>
</ol>
</li>
<li>Two
<ul>
<li>One</li>
<li>Two</li>
</ul>
</li>
<li>Three</li>
</ol>
</p>
<hr />
<h3>Headings:</h3>
<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<h6>H6 Heading</h6>
<p>Paragraph</p>
<hr />
<h3>Pre-formatted code:</h3>
<pre>
10 PRINT "HOWDY WORLD"
20 GOTO 21<br> 21 PRINT "END!"
</pre>
<hr />
<h3>Blockquote</h3>
<blockquote>Kale chips Schlitz forage irony, kogi Tumblr Carles chillwave Etsy pug photo booth YOLO biodiesel tote bag actually. PBR Portland yr pickled, bespoke meggings selvage letterpress kitsch plaid before they sold out put a bird on it you probably haven't heard of them. Yr master cleanse slow-carb crucifix, sustainable keytar Helvetica Tumblr High Life mumblecore narwhal cornhole deep v craft beer. Portland forage hashtag locavore, before they sold out put a bird on it irony hella. Godard kale chips street art tote bag cardigan. Church-key next level seitan keytar meggings Portland. Keffiyeh flexitarian post-ironic drinking vinegar wayfarers.<cite>by Unknow Author</cite>
</blockquote>
<br/>
<hr/>
<h3>Multimedia</h3>
<h4>Image:</h4>
<p>
<figure custom-figure-attribute>
<a href="www.automattic.com"><img src="https://httpbin.org/image/jpeg" alt="Coyote" /></a>
<figcaption custom-figcaption-attribute>Coyote</figcaption>
</figure>
</p>
<h4>Video:</h4>
<p>
<video src="https://videos.files.wordpress.com/kUJmAcSf/bbb_sunflower_1080p_30fps_normal.mp4" poster="https://videos.files.wordpress.com/kUJmAcSf/bbb_sunflower_1080p_30fps_normal_scruberthumbnail_2.jpg" alt="Video about bunnies" />
</p>
<hr/>
<h2>Mixed Styles</h2>
<h3>Blockquote with list inside</h3>
<blockquote>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
</blockquote>
<h3>List with Blockquotes inside: </h3>
<ol>
<li><blockquote>One</blockquote></li>
<li><blockquote>Two</blockquote></li>
<li><blockquote>Three</blockquote></li>
</ol>
<p>
Master cleanse Intelligentsia butcher Brooklyn Tumblr. Etsy lo-fi Marfa bicycle rights. Intelligentsia Helvetica fanny pack, normcore Odd Future fixie brunch mustache aesthetic kitsch artisan cardigan mlkshk. Pour-over hashtag selfies pug Tumblr mlkshk. Food truck small batch McSweeney's trust fund, Intelligentsia bitters Brooklyn twee meh authentic. Normcore distillery American Apparel single-origin coffee artisan try-hard, stumptown XOXO tote bag fanny pack Blue Bottle Shoreditch food truck Banksy. Church-key American Apparel Blue Bottle, swag try-hard Odd Future mustache chia iPhone.
</p>
<p>
Fanny pack Odd Future Intelligentsia lo-fi semiotics whatever. Selvage keffiyeh mustache sustainable ethnic, chambray mumblecore McSweeney's biodiesel Pitchfork four loko disrupt post-ironic art party American Apparel. Kitsch umami beard salvia, Vice before they sold out vegan tousled lomo jean shorts pickled PBR&B. Tousled Wes Anderson Shoreditch flannel, 90's XOXO quinoa whatever mumblecore cliche Truffaut stumptown. Photo booth crucifix plaid Brooklyn. Authentic letterpress PBR&B, sustainable VHS master cleanse ethnic High Life. Messenger bag umami pug flannel.
</p>
<hr/>
<h3>Unsupported HTML</h3>
<table>
<tr><td></td></tr>
</table>
<hr/>
<h3>Mark</h3>
<p>Donec ipsum dolor, <mark style="color:#ff0000">tempor sed</mark> bibendum <mark style="color:#1100ff">vita</mark>.</p>
<hr/>