Textbox.io Getting Started

by textboxio

HTML

<script src="https://s3.amazonaws.com/ephox-static-ephox-com/jsfiddle/textboxio/textboxio.js"></script>
<form>
    <textarea id="mytextarea">
<h1 style="text-align: center; ">
  Hi, I'm Textbox.io!</h1>
<p>Textbox.io's powerful editing tools and simple user interface let you create great looking HTML anywhere: on the desktop and on mobile.</p>
<p>This demo shows the Textbox.io editor in its standard configuration, with its core HTML editing capabilities enabled. These include text formatting, tables, hyperlinks, and lists. Other advanced features include:</p>
<ul>
  <li>Built-in image handling &amp; storage</li>
  <li>File drag &amp; drop</li>
  <li>Spell check &amp; autocorrect</li>
  <li>Clean copy-paste from Microsoft Word</li>
  <li>Cross-browser support</li>
  <li>11111111111111111111</li>
  <li>222222222222222222222</li>
  <li>333333333333333</li>
  <li>4</li>
  <li>5</li>
  <li>t6</li>
  <li>7</li>
  <li>8</li>
  <li>8</li>
  <li>Built-in image handling &amp; storage</li>
  <li>File drag &amp; drop</li>
  <li>Spell check &amp; autocorrect</li>
  <li>Clean copy-paste from Microsoft Word</li>
  <li>Cross-browser support</li>
  <li>11111111111111111111</li>
  <li>222222222222222222222</li>
  <li>333333333333333</li>
  <li>4</li>
  <li>5</li>
  <li>t6</li>
  <li>7</li>
  <li>8</li>
  <li>8</li>
  <li>Built-in image handling &amp; storage</li>
  <li>File drag &amp; drop</li>
  <li>Spell check &amp; autocorrect</li>
  <li>Clean copy-paste from Microsoft Word</li>
  <li>Cross-browser support</li>
  <li>11111111111111111111</li>
  <li>222222222222222222222</li>
  <li>333333333333333</li>
  <li>4</li>
  <li>5</li>
  <li>t6</li>
  <li>7</li>
  <li>8</li>
  <li>8</li>
</ul>
    </textarea>
</form>

CSS

#mytextarea {
    margin:10px 0;
    height:300px;
}

JavaScript

var editor = textboxio.replace('#mytextarea');