2.-

///
<div data-dj-class="test-class" align="center" border="1" color="blue" dir="rtl" face="Arial" height="100" size="4" style="color:red;" width="200">Styled Div</div>
<p data-dj-class="paragraph-class" align="left" border="2" color="green" dir="ltr" face="Verdana" height="50" size="3" style="font-size:14px;" width="150">Styled Paragraph</p>
<span data-dj-class="span-class" align="right" border="0" color="black" dir="auto" face="Times" height="20" size="2" style="background-color:yellow;" width="100">Styled Span</span>

///

3.-

///
<img src="image.jpg" alt="image"/>
<p src="example.com">test</p>
<a href="http://example.com" src="http://example.com/image.jpg">Link</a>

///

4,-

///
<table><tr><td>Table Data</td></tr></table>
<h1>Header 1</h1>
<h2>Header 2</h2>
<b>Bold Text</b>
<blockquote>This is a blockquote.</blockquote>
<br />
<caption>Table Caption</caption>
<cite>Some Citation</cite>
<code>Code Snippet</code>
<col width="100" />
<colgroup><col style="background-color:yellow"></colgroup>
<dd>Definition Description</dd>
<div style="color:red">Styled Div</div>
<dl><dt>Definition Term</dt><dd>Definition Description</dd></dl>
<em>Emphasized Text</em>
<font color="blue">Blue Font</font>
<h3>Header 3</h3>
<h4>Header 4</h4>
<i>Italic Text</i>
<img src="image.jpg" alt="Image Description"/>
<img src="image.jpg" onerror="alert('XSS attack')"/>
<li>List Item</li>
<ol><li>Ordered List Item</li></ol>
<p>Paragraph Text</p>
<pre>Preformatted Text</pre>
<q cite="quote.com">Quoted Text</q>
<small>Small Text</small>
<span>Inline Span</span>
<strike>Strikethrough</strike>
<strong>Strong Text</strong>
_{Subscript Text}
^{Superscript Text}
<u>Underlined Text</u>
<ul><li>Unordered List Item</li></ul>

///

5.- xss

///
<script>alert(1)</script>
<img src=x onerror=alert(document.domain)>

///

buttons:

bold text

italic text

underlined text

heading 1 (not working for now)