Tiny
LinkedIn
GitHub
RSS

Tour Features & Examples

The Next Generation Rich Text Editor by Tiny

Gorgeous Design & User Experience

Textbox.io gets all the details right to help you create great content.

Hi, I'm Textbox.io!

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:

  • Built-in image handling & storage
  • File drag & drop
  • Spell check & autocorrect
  • Clean copy-paste from Microsoft Word
  • Cross-browser support

Want to learn more about creating an editor instance in a custom application? Check out the Textbox.io Getting Started Guide.

Rock Solid Copy & Paste

Import content and images cleanly from Word, Excel and more.

Learn More

WYSIWYG While You Walk

Responsive and tested thoroughly on mobile devices.

From a tablet or mobile device, you can:

  • Add and upload images from the camera or gallery
  • Write with Siri or Cortana
  • Get full WYSIWYG control over content
  • Use a unique mobile-friendly UI

Textbox.io also adjusts its layout to fit any application by exposing the most important editing tools first.

Works in Small Spaces

Textbox.io's responsive user experience works in all sorts of tight situations.

The Best Tables in Town

Easily edit tables with Textbox.io’s many table features.

Tables in Textbox.io

Try new table selection model, copying and pasting cells and resizing table rows and columns.

Table 1: Population of the Largest Australian Cities
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.

  • Cell Selection Model

    Select multiple cells vertically or horizontally and then apply cell and content formatting across multiple cells.

  • In-Context Everything

    Resize columns, rows or the whole table quickly with in-context resize handles. Apply cell border and background styles from the toolbar.

  • Border Control

    Set border width and color from the toolbar buttons that appear in-context.

  • Copy-Paste That Just Works

    Save time and frustration with the ability to copy and paste content from multiple cells.

  • Advanced Options When You Need Them

    Add a caption, float a table or split a cell? Textbox.io can do that too from the context toolbar and advanced properties dialogs.

accessibility

Accessibility by Design

Use Textbox.io with assistive technologies such as screen readers. Textbox.io complies with the WAI-ARIA accessibility standard.
check_circle

Accessibility Wizard

Check content against accessibility guidelines, with automated repair where possible.

Easy Styling

Apply standard and custom classes and styles. Your content manager will thank you for not using Comic Sans.

Import Content from Word

Key Paste Features

Battle Tested

Textbox.io uses Tiny’s technology for filtering Word content. The technology has been developed for over a decade and supports all versions of Word on each operating system.
cloud_upload

Image Upload

Local images are detected in the document’s HTML and you are prompted with a special image upload mechanism. Other Word document items such as charts work too!

Lists

By default, Microsoft Word does not provide HTML with lists correctly identified. With Textbox.io, we recognize the list pattern and create valid HTML lists.

Compare Textbox.io’s Results

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.

Without Textbox.io

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.

With Textbox.io

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 Pasting from Word

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.

Download sample Word document

Paste in content from Word.

spellcheck

Spell Checking

Server-based spell checking goes beyond the browser’s default capabilities.

Autocorrect

Automatically correct common misspellings.
play_download

Markdown

Write content with markdown and have it instantly translated into HTML.
location_history

@Mentions

Mention someone and they are automatically notified. Now available in IBM Connections.
perm_media

Media Embeds

A simple dialog lets you quickly and easily embed media from YouTube, Vimeo, SlideShare or elsewhere.
find_replace

Find & Replace

Find and replace instances of words throughout documents.

Internationalized for (Almost) Everywhere

Available in more than 30 languages, supporting both double-byte characters and right-to-left languages

Arabic

Catalan

Chinese

Croatian

Czech

Danish

Dutch

English

Farsi

Finnish

French

German

Greek

Hebrew

Hungarian

Italian

Japanese

Kazakh

Korean

Norwegian

Polish

Portuguese

Romanian

Russian

Slovak

Slovenian

Spanish

Swedish

Turkish

and more!

What You See Is What You Get

Edit content inline on the page

location_on

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.

Developers Love Textbox.io

Configure the WYSIWYG editor to meet your needs.

In the following example, we remove most toolbar buttons, add a new custom toolbar button (“X”) and add some custom styles. Want to learn more about creating editor instances with customized configurations? Check out the Customizing Textbox.io Guide.

Customize Me

Textbox.io can be customized to your application's needs

This example has a:

  • customized toolbar
  • custom styles dropdown
  • custom toolbar button

Run this sample at http://jsfiddle.net/textboxio/s2kqvud9/