%html
<h3>This is a <font color="#c70000">test.</font> With a curve of conductor $2015$ right here $\longrightarrow$ $y^2 + y = x^{3} + x^{2} + 39 x - 105$ </h3>
<br>
<h2>
New editor:
</h2>
<div>
<ul>
<li><span style="color: inherit; font-size: inherit; line-height: inherit; background-color: transparent;">Shift+Click to insert new %html cell and edit it. Or Click the new paragraph icon: <a href="#new-html" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Insert a new text cell."> <i class="fa fa-paragraph"></i>
<span class="hidden-sm">Text</span>
</a>
</span>
</li>
<li><span style="color: inherit; font-size: inherit; line-height: inherit; background-color: transparent;">Any input whose first line is "%md" or %html" produces output that can be directly edited in place.</span>
<br>
</li>
<li><span style="color: inherit; font-size: inherit; line-height: inherit; background-color: transparent;">A new button bar appears when editing that output.</span>
<br>
</li>
<li><span style="color: inherit; font-size: inherit; line-height: inherit; background-color: transparent;"><b>WARNING: </b>The editor is browser contenteditable, so is still <b><i>kind of crappy</i></b>. Nonetheless it is hopefully useful, and it doesn't make things worse. </span> </li>
<li>You can always still click <a href="#toggle-input" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="" data-original-title="Toggle display of input of selected cells."><i class="fa fa-code"></i></a> to show the html/md
source directly and edit it, with syntax highlighting, code folding, auto-indent, auto-tag closing, etc.!
<br>
</li>
</ul>
</div>
<div>You may insert and edit latex formulas, like this one: $x^3 + y^3 + z^3 = 0$ </div>