︠11ab1599-2f5e-46fd-b396-300d9a028e29i︠
%md
### **WARNING:** the new html editor is temporarily disabled while I work out some issues with it.

- wstein@uw.edu on Jan 2, 2015.
︡73401eaa-63a8-492f-bb95-b3a8adbf585b︡{"md":"### **WARNING:** the new html editor is temporarily disabled while I work out some issues with it.\n\n- wstein@uw.edu on Jan 2, 2015.\n"}︡
︠60f3f93d-07d3-4483-9dde-87f17018a1aa︠
%html
<h3>This is a <font color="#c70000">test.</font> With a curve of conductor      $2015$      right here      $\longrightarrow$      &nbsp;      $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. &nbsp;Or Click the new paragraph icon:&nbsp; <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>. &nbsp; &nbsp; Nonetheless it is hopefully useful, and it doesn't make things worse.&nbsp;</span>&nbsp;</li>
        <li>You can always still click&nbsp;<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$ &nbsp;&nbsp;</div>
︡b6c6687c-9c1d-49b6-b48f-df98a4d92927︡{"html":"<h3>This is a <font color=\"#c70000\">test.</font> With a curve of conductor      $2015$      right here      $\\longrightarrow$      &nbsp;      $y^2 + y = x^{3} + x^{2} + 39 x - 105$      </h3>\n<br>\n\n<h2>\n    New editor:\n</h2>\n<div>\n    <ul>\n        <li><span style=\"color: inherit; font-size: inherit; line-height: inherit; background-color: transparent;\">Shift+Click to insert new %html cell and edit it. &nbsp;Or Click the new paragraph icon:&nbsp; <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>\n                                <span class=\"hidden-sm\">Text</span>\n            </a>\n            </span>\n        </li>\n        <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>\n            <br>\n        </li>\n        <li><span style=\"color: inherit; font-size: inherit; line-height: inherit; background-color: transparent;\">A new button bar appears when editing that output.</span>\n            <br>\n        </li>\n        <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>. &nbsp; &nbsp; Nonetheless it is hopefully useful, and it doesn't make things worse.&nbsp;</span>&nbsp;</li>\n        <li>You can always still click&nbsp;<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\n            source directly and edit it, with syntax highlighting, code folding, auto-indent, auto-tag closing, etc.!\n            <br>\n        </li>\n    </ul>\n</div>\n<div>You may insert and edit latex formulas, like this one: $x^3 + y^3 + z^3 = 0$ &nbsp;&nbsp;</div>\n"}︡
︠1fed0038-8e1b-42f3-8f1c-61f2477cbea0︠
%md
# 2015

This is **markdown**…

- converted to html
- edited as html
- converted back
︡19e37b44-af84-4e27-8f15-583c53021c4a︡{"md":"# 2015\n\nThis is **markdown**…\n\n- converted to html\n- edited as html\n- converted back"}︡
︠3b2a9eaa-509e-4d75-81d4-7d2cfae4a443︠