Gorgeous Design & User Experience
Textbox.io gets all the details right to help you create great content.
The Next Generation Rich Text Editor by Tiny
Textbox.io gets all the details right to help you create great content.
Textbox.io's powerful editing tools and simple user interface let you create great looking HTML anywhere: on the desktop and on mobile.
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:
Want to learn more about creating an editor instance in a custom application? Check out the Textbox.io Getting Started Guide.
Import content and images cleanly from Word, Excel and more.
Responsive and tested thoroughly on mobile devices.
From a tablet or mobile device, you can:
Textbox.io also adjusts its layout to fit any application by exposing the most important editing tools first.
Textbox.io's responsive user experience works in all sorts of tight situations.
Easily edit tables with Textbox.io’s many table features.
Try new table selection model, copying and pasting cells and resizing table rows and columns.
City | State | Population |
---|---|---|
Sydney | New South Wales | 4,840,628 |
Melbourne | Victoria | 4,440,328 |
Brisbane | Queensland | 2,274,460 |
Perth | Western Australia | 2,021,203 |
Adelaide | South Australia | 1,304,631 |
Editing tables in Textbox.io is easy.
Select multiple cells vertically or horizontally and then apply cell and content formatting across multiple cells.
Resize columns, rows or the whole table quickly with in-context resize handles. Apply cell border and background styles from the toolbar.
Set border width and color from the toolbar buttons that appear in-context.
Save time and frustration with the ability to copy and paste content from multiple cells.
Add a caption, float a table or split a cell? Textbox.io can do that too from the context toolbar and advanced properties dialogs.
The following examples show that content pasted from the source document into a default ‘contenteditable
‘ region and then the output provided by Textbox.io. Content pasted into Textbox.io is significantly cleaner and images are uploaded.
The following HTML is produced by default when pasting content from Microsoft Word. It is extremely complicated, bloated and difficult to manage. Most basic online editors utilize the default browser capabilities and will provide something close to this. Textbox.io has the industry’s best solution for cleaning up this HTML. See the next two tabs for the result.
Selecting the Remove Formatting option in Textbox.io cleans up the HTML and keeps structural content elements such as headings, tables and lists. The following HTML is produced by Textbox.io when pasted from the source Word document.
Try out clean copy-and-pasting in Textbox.io yourself.
Industry-leading copy paste filtering with image import is built in. You will love copy paste that just works. Even pasting complex list and table content from Microsoft Word is seamless and creates predictable, standards-compliant HTML.
Paste in content from Word.
Available in more than 30 languages, supporting both double-byte characters and right-to-left languages
Edit content inline on the page
Inline editors allow content editing directly within the page’s DOM, allowing CSS inheritance from the surrounding application. Multiple inline editors are created by passing a configuration to the .inlineAll()
method.
Want to learn more about creating inline editor instances? Check out the Textbox.io Inline Editing Overview.
Configure the WYSIWYG editor to meet your needs.
Textbox.io can be customized to your application's needs
This example has a:
Run this sample at http://jsfiddle.net/textboxio/s2kqvud9/