Sharedsupport / 2015-01-01-editable.sagewsOpen in CoCalc
Examples for support purposes...

WARNING: the new html editor is temporarily disabled while I work out some issues with it.

%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>

This is a test. With a curve of conductor 20152015 right here \longrightarrow   y2+y=x3+x2+39x105y^2 + y = x^{3} + x^{2} + 39 x - 105


New editor:

  • Shift+Click to insert new %html cell and edit it.  Or Click the new paragraph icon: 
  • Any input whose first line is "%md" or %html" produces output that can be directly edited in place.
  • A new button bar appears when editing that output.
  • WARNING: The editor is browser contenteditable, so is still kind of crappy.     Nonetheless it is hopefully useful, and it doesn't make things worse.  
  • You can always still click  to show the html/md source directly and edit it, with syntax highlighting, code folding, auto-indent, auto-tag closing, etc.!
You may insert and edit latex formulas, like this one: x3+y3+z3=0x^3 + y^3 + z^3 = 0   
%md
# 2015

This is **markdown**

- converted to html
- edited as html
- converted back

2015

This is markdown

  • converted to html
  • edited as html
  • converted back