Textbox.io 2.4.2.65
New Features
- A custom color dialog has been added to the font, table border and table background color pickers. It can be disabled using the custom property on the colors configuration option.
Bug Fixes
- Copying and pasting links could convert relative URLs to incorrect absolute URLs on some browsers
- Photos with EXIF rotation were not rotated to the correct orientation on insert
- Editor height was incorrect in sticky mode
- Backwards selections on Firefox ESR 52 caused problems with various dialogs
- Autoresize fixes and improvements:
- Editor didn’t always shrink when content was removed
- Menus could be cut off by page elements outside of the editor
- Autoresize mode now uses the initial editor height as minimum height
- Toolbar appeared in the wrong position after hiding then bringing back the editor
- Adjusting table border height did not increase editor height
- Fixes for IE:
- Certain formatting in Word documents resulted in an error on paste
- Attempting to paste from Word multiple times in quick succession could cause a paste failure
- Copying from IE and pasting into Textbox in other browsers could include unnecessary metadata
Textbox.io 2.4.1.65
New Features
- New “autoresize” feature allows
replace()
style editors to behave more likeinline()
editors, adjusting the editor height to the content instead of using scroll bars.- To turn on this feature, enable the autoresize property of the ui configuration.
- Enabling this feature also turns on the new window docking toolbar behavior by default (see below).
- Window docking toolbar behavior from
inline()
editor style is now available toreplace()
editor style as well. This greatly improves the editing experience for very tall editors.- This feature is not enabled by default unless autoresize is enabled. To turn it on, enable the sticky property of the toolbar configuration.
- This behavior ensures the toolbar is always visible if any part of the editor is visible. The effect applies when scrolling down a browser window; as the toolbar reaches the top of the window it docks there rather than allowing itself to be hidden. The toolbar will stick until the editor has been completely scrolled off the visible area.
- Applying block styles other than
div
(e.g. Heading, pre) now removes all formatting within the blocks that change - New css.showDocumentStyles configuration option enables a dynamic style menu based on the content CSS. See the documentation for full details and examples.
- New ui.colors configuration option to customize the list of colors in the color widget. The design of the color widget has changed slightly to accommodate this; all colors now have borders rather than just white.
- New macros.allowed configuration option to adjust the list of default content macros (e.g. markdown) active within the editor. See the documentation for a list of configurable macros.
- Several additions and improvements to Word import, including:
- Margins and indentation on multilevel lists and those with custom formatting are converted better
- Ordered lists now retain their numbering in more cases, including when broken up by paragraphs and other elements
- List items with borders import correctly
- Added explicit support for importing Word equations as images
Bug Fixes
- BR tags were not added to empty P tags
- Using
ui.locale
editor configuration overrode changes made to the spell checker language via the menu after reloading - Pressing enter to exit a list item did not retain inline formatting
- Insert Link dialog did not transition opacity correctly in Safari 11.1
- Editor load event was unnecessarily delayed by up to a second
Textbox.io 2.4.0.47
Please Note
- Bookmark targets (all tags with an id attribute) are now shown using a small bookmark icon within the content
New Features
- A new Bookmark feature is now available in the default Insert menu
- Insert Bookmark generates bookmark names automatically for ease of use
- When choosing a target bookmark in the Insert Hyperlink dialog, contextual text is shown rather than the bookmark name
- Top, middle and bottom Cell Vertical Alignment options are now available in the contextual table toolbar
- Textbox.io has taken full control over clipboard operations on browsers that support the HTML5 clipboard API. This addresses a number of issues:
- Copying content within or between Textbox.io editors now ignores the paste configuration and always retains styles. This allows clean paste to be enforced without frustrating the user experience by removing styles when pasting editor-created content.
- Copying links no longer translates relative URLs to absolute
- Paste is now more reliable and less likely to result in unwanted cursor movement
- Pasting HTML is now preferred over pasting an image when both are on the clipboard
- Retaining styles while pasting HTML from external sources is no longer subject to browser implementation differences
- Pasting images from macOS Preview into Safari is now supported, by converting the TIFF data to PNG
- Support for clipboard changes in an upcoming Safari release that breaks pasting from Microsoft Office. We have worked with Apple and made adjustments in this release to minimise the impact of these changes, but there are some things to be aware of:
- Flash is no longer required to paste images. More image types are supported than on any other browser, but some legacy documents (particularly when using Word 2011) will not import images at all.
- The browser has taken control over the style import process
- Cleaning styles behaves exactly as it did before
- Retain styles should appear identical but may have different styling characteristics in the HTML
- Most lists are imported exactly as before, but in some edge cases Safari strips information the editor needs to identify lists. This is tracked as WebKit bug 182938.
- When pasting content from Microsoft Excel, all office-related data is stripped. If the paste configuration is not set, this means the editor will default to “retain” styles instead of “prompt”.
Bug Fixes
- Image selection sometimes worked incorrectly on Firefox with the spelling service enabled
- Using the
content.set()
API in the same function as creating an editor did not run input filters over the content - Editing HTML with a textarea in the content had unreliable cursor positioning, sometimes causing HTML tags to be incorrectly added inside the textarea
- Calling
editor.content.uploadImages()
no upload handler set removed the code view button - Image resize did not correctly preserve the aspect ratio on newer Firefox releases
- Applying inline styles using the style menu added classes to the selection instead of replacing them
- The
content.selection.getText()
API sometimes included zero-width characters - Resizing the browser window did not update the toolbar position of docked toolbars for inline editing sections. The position is now recalculated on window resize and every time a section activates.
- Applying a block style after triple clicking a paragraph in Chrome or Safari incorrectly applied the style to the following block
- Style tags were included in the content when pasting from HTML sources such as Google Docs
- Repeatedly pasting embeddable links in Firefox did not embed the links
Textbox.io 2.3.0.36
New Features
- Brand new word import process that supports more types of images, is more reliable and easier to maintain. Some of the fixes include:
- Single blank lines between lists are no longer removed
- Unordered lists with wingding bullets are no longer imported as ordered lists
- Local images from documents with “rely on vml” set are now supported
- Unsupported list types are now imported as plain lists instead of paragraphs
- List font family and left margins are now included with “keep formatting”
- The Editor API now supports a change event listener
- When multiple cells of a table are selected, backspace or delete now clears the contents of all selected cells
- Editor popup and dialog elements are now attached to the page body element to operate better in modal dialog frameworks
- Editor popups have switched from position: fixed to position: absolute and now maintain their position relative to the editor when scrolling the page
Bug Fixes
- Paste from Microsoft Word was broken in Safari on OSX 10.11 and earlier
- Comment tags had their contents HTML encoded incorrectly
- Clicking below content did not set the cursor correctly in IE
- Paste within the editor included unnecessary styles in Chrome and Safari
- Noscript tags had their contents HTML encoded incorrectly
- Editing a document that begins with a comment could fail to load the editor on newer browsers
- Improved behavior of toggling off inline formatting on an empty line
- Table resize handles sometimes remained in the document incorrectly
- Pasting after a space at the end of a line could leave the cursor in the wrong position
- Inserting a link over an image could sometimes delete the image
- When pasting the cursor would briefly jump to the end of the document and back
- Markdown now converts both one and two dashes to an
—
- Media insertion would sometimes fail on iOS11 with Check Spelling on
- Undo save points were incorrectly triggered for every misspelled word highlight
- Lists with style list-style-type:none could sometimes lose content
- An extra undo save point was incorrectly triggered when pasting content from MS Word
- Insert Link URL popup menu incorrectly inherited rounded corners
- The code view corner button was positioned incorrectly when scrollbars were enabled and the editor UI was in an RTL language
- On IE11, activating editor full screen inside an iframe triggered an error in the console and stopped the editor from functioning
<
and>
entities inside HTML attributes were incorrectly decoded into<
and>
- Deleting all content in Internet Explorer and then clicking below the cursor moved the cursor into an incorrect position
-
Textbox.io 2.2.1.57
Please Note
- The
editor.content.getSelectedText
API has been deprecated. It has moved toeditor.content.selection.getText
and will be removed in a future release. - The mobile editor UI currently renders on top of all other page elements and blocks touch events outside of the editor. Using a custom button to open a dialog can block user input on mobile.
New Features
- New editor selection APIs. These are fully supported but provide bare minimum functionality; feedback and use cases are welcome.
- Flash is no longer required to paste images on Edge version 15 or higher. The updated browser APIs also allow for the best quality output when pasting from Microsoft Word. This change does not apply to Edge 14 and earlier.
Bug Fixes
- Keyboard selection was broken in IE11 when spanning across blank lines with spell checking active
- Applying inline formatting to multiple table cells was causing incorrect HTML generation
- Calling
editor.content.setDirty(false)
immediately after typing resulted in a dirty event firing a few seconds later - Creating an inline editor inside a table cell no longer treates the table as part of the editor
- Changing the list type of a nested list sometimes prevented the list item from being indented
- Editing links on mobile sometimes did not apply the updated URL correctly
- Improved punctuation detection for automatically linked URLs when typing content
- Using tab to navigate between cells could put the cursor in an invalid location on Firefox & characters in URLs were not encoded correctly
- Pressing enter after removing bold at the end of the line sometimes applied bold formatting to the new line
- Merging two entire rows in a table did not give the merged row the correct height
- Unable to toggle off a list when two different lists are created one after the other
- The find dialog active highlight color did not display correctly on Firefox
- Creating inline editors from elements within table cells caused UI and significant feature issues
- Tab between cells with leading whitespace on Firefox placed the cursor in the wrong position
- Applying format changes with cell selection no longer applies the change to whitespace at the edge of the cell
- Using the keyboard to select text across blank lines on Internet Explorer could be erratic
- Inserting a hyperlink on an image in Internet Explorer 11 deleted the image
- Keep Formatting did not retain list styles where the document list style had been edited
- Updated JSBeautifier to fix issue with spaces being inserted between sibling hyperlinks<
Textbox.io 2.2.0.124
Please Note
- The mobile editor UI currently renders on top of all other page elements and blocks touch events outside of the editor. Using a custom button to open a dialog can block user input on mobile.
New Features
- Rich content embedding when a URL is typed or pasted on a blank line. Links to rich content will be replaced with embedded content when using the new Link Embed option in the Textbox.io SDK with services included. Supported media includes:
- Social media and other sharable content (e.g. youtube, instagram, flickr)
- Image URLs for JGP, PNG and GIF files are converted to images
- Video URLs for MP4 files are converted to videos
- Other content links will be shown as a summary card
- Nested tables are now supported
- Table cells can now be split into columns or rows
- Multiple columns or rows can be deleted at the same time
- Table cell styles are now inherited on cell split, row insert and column insert
- Tab (and shift-tab) can now be used to adjust list indent
- Improved reliability of image resize operations, and interaction with images during upload
- Insert Link dialog with a dropdown arrow for better discovery of document target options
- Link text can now be updated in the edit link dialog
- Information about links that failed validation is now shown on the edit link dialog
- Improved performance for large documents in code view
- Reworded messages shown when failing to pasting images on Safari due to browser limitations. Changed message color from error (red) to info (blue).
Bug Fixes
- Clicking links in banner messages opened the link twice on Safari
- Dropping an image between paragraphs on Chrome for Windows may have caused the browser to unload the entire page
- Using the heading markdown macro inside a list item split the list
- Inserting a row on a table without width styles added width styles to the new row
- Visual artifact left in the document after pasting on FireFox and Internet Explorer
- Ancestor elements on the outer web page with “overflow: hidden” style caused the Textbox UI to collapse on mobile platforms
- Document line-height style caused the code view icon to be positioned incorrectly
- Table borders on nested tables were not rendered correctly
- Table navigation was not consistent in Firefox with nested tables
- Inserting a table from a toolbar button instead of the default menu item did not set focus back to the editor
- Editing nested table properties sometimes applied changes to the outer table incorrectly
- Setting table height to a % value and resizing a row adjusted the table height incorrectly
- On IE11, clicking an input element with placeholder text outside the editor while a menu is open causes the placeholder text to become editable
- Table cursor sometimes appeared on a different cell than was clicked
- Accessiblity updates to multiple dialogs
- Image upload process caused the image selection to be lost
- Undo did not update the dirty state
- Auto linking often included trailing punctuation in the link URL
- Incorrect formatting applied to new empty lines in some scenarios
Textbox.io 2.1.0.190
Please Note
- The mobile editor UI currently renders on top of all other page elements, and blocks touch events outside of the editor. Using a custom button to open a dialog can block user input on mobile.
New Features
- Redesigned hyperlink experience
- Insert and edit link dialogs have been combined into a single expandable dialog
- Invalid links will be highlighted when using the new Link Validation option in the Textbox.io SDK with services included
- The Link URL field now offers suggestions from within the document as well as recently used links
- Links can be created to any heading within the content. Appropriate anchors will be added to the HTML when the link is created.
- Links can be created to the top and bottom of the content. Appropriate anchors will be added to the HTML when the content is saved.
- Legacy anchors in the content will be listed with contextual content to help identify them
- Remove link is now available on the context menu
- Document links (including anchor links) can be followed through the context menu, ⌘ + click on OS X, or ctrl + click on other desktop platforms
- Improved spell checking experience when using the spelling service available in the Textbox.io SDK with services included
- Spelling highlights are now updated across the entire visible area of the document, instead of only next to the cursor
- Support for multi language spell checking on documents with embedded language codes. These codes can be applied with granularity as small as a single word using the language menu. This feature works with HTML standard lang attributes in the content.
- The editor’s default spelling language can be adjusted to any of our supported spelling languages by the user through the settings menu, and this preference is remembered on a per-site basis
- Autocorrect can now be disabled by default in the Spelling configuration option
- Editor interface accessibility support now works with VoiceOver on iOS devices
- Rewritten HTML serialisation process makes less changes to the HTML when saving, and no longer corrupts script tag contents
- The Find / Replace dialog now highlights the previous search results when reopening the dialog
Bug Fixes
- Pasted images were not uploaded when Image Editing was disabled in the configuration
- A number of W3C accessibility violations have been fixed, Textbox.io now passes AInspector validation
- The Insert Link dialog sometimes appeared in an incorrect location if the outer page had scrolled
- Pasting from Microsoft Word with conflicting inline styles merged the styles incorrectly
- Inline dialogs were often positioned too far to the left when using a right-to-left language
- Triple clicking a paragraph no longer applies formatting changes to the following paragraph
- Unordered list dropdown did not display correctly on Chrome 53 and above
- Content focus did not work reliably when using Edge on the Windows 10 Anniversary Update
- Word count was counting element boundaries as whitespaces
- Spell checking treated some European characters as word boundaries
- Large menus that scrolled had their top and bottom borders inside the scrollable area
- Border style issues when the list buttons were configured to be in a menu
- On OS X Chrome 54, undo after a paste action sometimes left the editor scrolled with all content off screen
- Visual artifact left in the document after pasting on FireFox and Internet Explorer
Textbox.io 2.0.0.181
Please Note
- Significant changes have been made to Textbox.io image management in this release. See our Working with Images article for more information.
- Inserted images no longer upload automatically as Image Editing is on by default. Disabling Image Editing restores automatic uploads.
- Editing images on remote servers requires a proxy to work around CORS restrictions. A proxy implementation that is limited to image mime types is available in the Textbox.io SDK with services included.
- The minimum browser version for Textbox.io has increased on three platforms. The editor will fail to load on older versions, use the isSupported API to degrade gracefully. The full list of supported browsers is available in the System Requirements document on our website.
- Internet Explorer 11
- OS X Safari 9
- iOS (Safari) 9
- When pasting HTML content the default style retention behaviour of the editor has been changed to preserve styles. If the paste option has been set in your configuration, this will have no effect.
- The mobile editor UI currently renders on top of all other page elements and blocks touch events outside of the editor. Using a custom button to open a dialog can block user input on mobile.
New Features
- New Image Editing tool
- Flip, Rotate, Crop, Resample
- When an image is selected editing tools appear in the toolbar and on the context menu
- Optional resize large inserted images. The maximum image size can be configured using the images configuration setting.
- To disable image editing, set the enabled property of the images configuration setting to false
- Use the images configuration setting to specify a proxy for editing remote images.
- New Accessibility checking tool
- Simple UI that focuses on enabling end users to understand accessibility issues
- Quick, simple fix options for most accessibility issues identified by the checker
- Core editor download size has been significantly reduced (by over 50%) by extracting packaged resources into separate files
- Android is supported. The minimum supported version is Android 5 but Textbox.io will work on version 4 using the current release of Chrome.
- Microsoft Edge is now supported
- Editor theme CSS can now be adjusted with your choice of colors. A tool to build custom stylesheets is included with the SDK in the theme folder. For more information see our Customizing the User Interface Colors article.
- Greatly improved Mobile UI stability and consistency
- iOS toolbar is now very stable. Instead of hiding itself when scrolling, it only vanishes when the keyboard opens and comes back after a second
- Small screen phones now have a unique user interface. On phone-sized devices the editor will flatten menus into the toolbar and enable horizontal scrolling instead of using a more drawer. Features and dialogs that do not fit on the screen are automatically disabled.
- Streamlined in-toolbar find/replace UI
- Insert Link uses an in-toolbar UI similar to find/replace
- Insert Media uses an in-toolbar UI similar to find/replace
- Font Size uses an in-toolbar UI similar to find/replace
- Pinch gesture can now be used to resize images
- When the keyboard closes and the editor loses focus a light blue highlight indicates where the editor selection is
- Reduced the amount of content scrolling when typing or performing toolbar operations
- CORS is no longer required to load help dialog contents
- New enableFlashImport configuration option to turn off the Flash component of pasting images from Microsoft Word
Bug Fixes
- Indenting or outdenting an improperly formed list lost the item content
- Pasting an ordered list with a nested list from Word into Windows Firefox did not preserve the original ordering
- The isDirty API returned true when setting content to an empty string
- Keyboard shortcut documentation for indent and outdent for German, Italian, and Spanish was incorrect
- Unsupported images threw a translation JS error while pasting
- Removed a zero width character that was inserted when insertHtmlAtCursor was used to insert an input element
- Missing z-index on toolbar was causing the toolbar to be potentially hidden underneath other containers when in inline mode
- Indenting or outdenting an improperly formed list lost the item content
- Pasting an ordered list with a nested list from Word into Windows Firefox did not preserve the original ordering
- The isDirty API returned true when setting content to an empty string
- Keyboard shortcut documentation for indent and outdent for German, Italian, and Spanish was incorrect
- Unsupported images threw a translation JS error while pasting
- Removed a zero width character that was inserted when insertHtmlAtCursor was used to insert an input element
- Missing z-index on toolbar was causing the toolbar to be potentially hidden underneath other containers when in inline mode
- Selection was incorrect after toggling off a list when on a blank list item
- Toggling off a list item toggled off the entire parent list
- Toggling off a nested list item now transforms the list item into a top-level paragraph
Textbox.io 1.3.1.92
Please Note
- The mobile editor UI currently renders on top of all other page elements and blocks touch events outside of the editor. Using a custom button to open a dialog can render the editor unusable on mobile.
- Using more than one unique value for editor locale on a page is not supported
New Features
- Textbox.io menus are no longer cut off by overflow: hidden containers around the editor
- New link context menu for easier access to the link properties dialog
- Links have http:// automatically prepended in some scenarios. Example: www.ephox.com will become http://www.ephox.com
- Text direction no longer toggles off when the active direction is re-selected
- New prodtextboxio.wpengine.com isSupported() method allows detection of a supported Textbox.io browser/platform
- When loading on an unsupported browser/platform:
- Textbox.io no longer shows an alert dialog and cancels loading
- The prodtextboxio.wpengine.com global is created with a non-functional API
- Attempting to create an editor from the non-functional prodtextboxio.wpengine.com results in an error
- List and Indent buttons are now rendered in right-to-left when the cursor is in an RTL content section
- Clicking below or above a table at the end or beginning of the document will create a paragraph between the table and the edge of the document
- Textbox.io context menus are now shorter with less vertical padding
- Provide a configuration option to turn off the Flash component for pasting images from Microsoft Word
Bug Fixes
- Tooltips were missing from the Find and Replace dialog buttons
- Security Error in Firefox when the editor script was hosted on a different domain to the current page
- Using space to open the insert table widget on Firefox inserted a 1×1 table instead of showing the widget
- Find and Replace highlights were included in the undo history
- Pressing enter in the replace field of the Find and Replace dialog did not activate the replace button
- Improved the help text on the Insert Image from Web URL dialog
- Reversed the tooltips on the Image Properties dialog lock icon to use present tense
- Detection of content text direction was case sensitive in the attribute value
- Content with a space at the start could cause content retrieval to return an empty string
- Importing content from Word 2016 into IE10 threw a Type Error in the console
- The first time code view was loaded in an editing session the scrollbar and cursor position were incorrect
- Editing a document on Firefox with a hyperlink at the end of a line inserted typing into the link, instead of after it
- Importing Word documents with a lot of images occasionally showed the wrong image in place of an unsupported (blank) image
- Added missing ARIA attributes on the Find and Replace dialog
- Setting text alignment on an empty cell had no effect
- Using code view created extra undo points when switching back to design view even if no changes were made
- Loading the editor in a very thin window could cause context menus to render off the left side of the screen
- Indenting or outdenting an improperly formed list lost the item content
- Pasting an ordered list with a nested list from Word into Windows Firefox did not preserve the original ordering
Textbox.io 1.3.0.342
Please Note
- The link information popup that appeared when the cursor is in a link has been removed
- A loading spinner will now be displayed when the editor resources take more than a second to load. Most API calls still work in this state, but document interactions will throw an error.
- The locale and languages configuration options have moved into the ui object. The old configuration properties are ignored.
- The mobile editor UI currently renders on top of all other page elements and blocks touch events outside of the editor. Using a custom button to open a dialog can render the editor unusable on mobile.
- Using more than one unique value for editor locale on a page is not supported
New Features
- Greatly improved table model for selection, navigation, and clipboard support, including:
- Navigating tables now happens in natural order, instead of DOM order (up moves cursor up, not left)
- Using the mouse or keyboard to select cells now creates a custom highlighted selection
- Merging cells can be performed via the table context menu
- Unmerging cells can be performed via the table context menu
- Copying selected cells will copy just those cells to the clipboard, adding blank cells to fill in any gaps if the selection is not rectangular
- Pasting a table into a table will merge the contents into the target table. This process will add columns and rows or unmerge cells as necessary to ensure the table remains rectangular.
- Copying table cells from within the editor will retain HTML styles on paste regardless of the paste configuration setting to preserve editor table styling
- Rows can now be resized, just like columns
- Table cell formatting commands available on the toolbar when the cursor is within a table. These items can be disabled using the contextual property of the toolbar configuration.
- Cell background color
- Cell border width
- Cell border color
- Greatly improved Accessibility support, including:
- Editor conforms to Web Content Accessibility Guidelines (WCAG) 2.0 Level AA conformance
- Editor adheres to the recommendations set forth in Section 508 of the Rehabilitation Act of 1973
- Editor has full display support for Windows high contrast mode themes
- Improved accessibility help text
- Editor ARIA label can be configured using thearia-label property of the ui configuration
- Focus consistently returns to the editor after using the toolbar, menus or dialogs
- Dialogs are now announced as a “dialog” by screen readers
- Dialogs now have consistent navigation and behaviour of enter
- Dialogs with required elements are labeled as required for screen readers
- Navigation is now consistent when a combination of keyboard and mouse is used. Users can switch between keyboard and mouse navigation at any time.
- Autocorrections are announced to screen readers
- Navigating the help dialog using the keyboard is more intuitive
- Method for navigating the table and color widgets are explained by screen readers
- Toolbar groups correctly identify themselves usingrole=”toolbar”
- Menus and submenus have correct ARIA roles and states
- New shortcut for indent and outdent when using Dutch keyboards
- Full screen tooltip and aria-label changes to “exit full screen” when the editor is in fullscreen mode
- Firefox did not notify screen readers of the editor ARIA label or help text
- Alignment buttons in dialogs are announced as (and behave like) radio buttons
- Insert image from Web URL dialog announces the status and informational text to screen readers
- Font size menu widget navigation is more intuitive. Screen readers announce the font size menu widget as a dialog and it behaves as such
- New List toolbar UI delivers expanded list style functionality; Bullet and counter styles, context style highlighting, most recently used shortcut
- Find and replace inline dialog with find as-you-type and case sensitive matching toggle
- New word count feature is available in the user settings menu
- HTML is now automatically indented (pretty-printed) in code view and when usingeditor.content.get()
- Newmessage API method to show custom banner notifications on the editor. See the editor documentation for more details
- Improved Image Properties dialog enables image alignment using float. Enhanced toolbar Alignment menu now applies to images
- A new dirty event has been implemented. See the events documentation for more details
- New editor API retrieving or changing the dirty state of the content. See the content documentation for more details.
- Updated image resize UI style to be more consistent across platforms
- Support for enforcing plain text paste using theplain value for the paste configuration property. Double newlines in the plain text are turned into P tags, single lines into BR tags.
- Available font-faces in the font menu can be configured with the fonts configuration property
- Table width and height can be set in the table properties dialog
- Ability to disable Textbox.io automatic form submission behavior using theautosubmit property of the configuration.
- Editor “content” keyboard shortcuts can now be disabled using theshortcuts property of the ui configuration. The list of disabled shortcuts is in the documentation
- Detailed error messages are now shown when image upload fails with a HTTP error code 400 or greater
Bug Fixes
- Pasting the same image twice from Microsoft Word did not generate unique filenames
- Resizing the window while the editor was hidden moved all toolbar items into the more drawer
- Pasting an image file into Firefox prevented the user from scrolling the outer page
- Inserting a table with the table picker on Firefox when the editor was within a form broke programmatic calls to form.submit()
- Retrieving content with an image selected removed any class attribute that may have been on the image
- Shrinking an image with the resize handles on an image with a border did not work
- Switching to full screen caused local images to no longer be converted to base64 or uploaded
- Editor content could exceed the editor container on IE
- Missing mouseover tooltip label for Link Properties button in Link Dialog
- Full screen labels were not updated when switching modes
- ARIA toolbar and group roles were reversed
- Settings menu items did not report the checked state to screen readers
- Editor ARIA label was not announced when using JAWS with Firefox for Windows
- Indent and Outdent keyboard shortcuts used keys that are not on the keyboard for some languages
- Editor did not load on Chrome when the element to replace was not in the DOM
- Opening the context menu could cause the outer window to scroll incorrectly
- Editor did not load correctly when the container element was moved to a different parent element in between creating and showing the editor
- The editor UI was incorrect when integrated with old versions of Bootstrap CSS
- Performance issue when the browser window was resized with the inline editing toolbar hidden
- Using combinations of keyboard and mouse movement to navigate the toolbar or dialogs could result in unexpected behaviour
- Page could be scrolled while dialogs were open
- Pressing enter or space on the “choose image to upload” button of the insert image dialog did nothing on Firefox
- Creating an inline editor as a child of a list caused many editor operations to break
- The spinner on the insert image from Web URL dialog did not animate in some circumstances
- Some arrows displayed on the wrong side in the mobile Right-to-Left UI
- Mobile submenus did not work correctly in the Right-to-Left UI
- Mobile dialogs were not scrolled correctly when opened with a focussed input field
- Bottom of letters cut off in style dropdown on Firefox
- On Chrome, resizing an image and then pressing an undo split the paragraph after the image
- The editor toolbar sometimes overlapped the right side of the editor on startup instead of moving items into the more drawer
- Applying inline formatting to selection including an iframe deleted the iframe
- Using the autolink macro in IE10 could trigger an IndexSizeError at the console
- In some circumstances, with code view disabled the editor height was incorrect and the bottom border was not visible
- Loading a document with a self-closing iframe tag corrupted the content
- In iOS 8, “Done” on the keyboard did not do anything on the insert image from Web URL dialog
- Importing Microsoft Word documents with images that have wrap text set imported blank images
- Importing Microsoft Word documents with images in tables sometimes imported blank images
- Callingeditor.content.insertHtmlAtCursor() with a block element sometimes inserted blank lines
- On Internet Explorer, the editor was taking focus during calls toeditor.content.set() and then restoring it afterwards
Textbox.io 1.2.0.276
Please Note
- If the editor script is not referenced as textboxio.js and the basePath configuration is not provided, the editor will not load. See the basePath documentation for more information.
- The Textbox.io image service has been removed. Images are now uploaded using multipart form request. See our Handling Local Images article for more information and example server-side scripts.
- The mobile editor UI currently renders on top of all other page elements and blocks touch events outside of the editor. Using a custom button to open a dialog can render the editor unusable on mobile.
- Using more than one unique value for locale in a page is not supported
New Features
- WAI-ARIA compliant keyboard navigation for Textbox.io toolbars, widgets, menus and dialogs. This allows the editor to be used by those requiring assistive technologies.
- Support for creating multilingual content. These features are not on the default toolbar, see the Command Item IDs article for ways to enable them.
- Changing the language of selected text (HTML lang attribute)
- Changing the text direction of block elements (HTML dir attribute)
- Greatly improved creation of inline formatting (bold, italic, underline) across platforms, ensuring use of simplified, semantic HTML markup
- Added superscript, subscript, and strikethrough inline formatting options. These are available in the font menu, or using individual Command Item IDs.
- New Image Properties dialog to specify alternative text, width and height attributes
- New Link Properties dialog to specify target and title attributes
- Support for the caption element in tables
- New basePath configuration property.
- Inserting local images can now be disabled using the allowLocal property of the imagesconfiguration
- The code view button can now be hidden without disabling code view completely, using the showButton property of the codeview configuration
- CSS content stylesheets can now be specified as text using the documentStyles configuration property. This option is ignored in inline editing mode.
- Ability to use a custom JavaScript function for image uploads. See the images documentation for more information.
Bug Fixes
- Calling editor.content.set() before the editor loaded and immediately calling editor.content.get() would return an empty string
- Creating an editor in Firefox when its container was not visible would prevent the editor from loading
- Creating a hidden editor in any browser would put all toolbar items in the more drawer
- When using Chrome for Windows, dragging an image between the end of the content and the bottom of the editor would navigate to the image instead of inserting it
- Long continuous lines of text did not wrap correctly
- Selecting multiple table cells and applying list formatting could wrap all cells in a single list
- Nested submenus with custom buttons failed with a translation error
- Mobile styles dropdown was not scrollable
- Tab in a modal dialog sent focus to the outer page
- Loading new editor content did not reset the cursor
- Resizing an image during upload could cause unpredictable behaviour
- Smart quotes were not handled correctly by the spell checker
- Content with <noscript> tags caused problems with undo history in IE10 and IE11
- Pasting into Safari while a lot of content was selected could cause the paste to fail
- Applying alignment to a selected image broke the rendering of all selected images
- Input filters added with the filters API were not activated when switching from code view to design view
- Pressing enter did not exit a list correctly when the loaded content had whitespace between list elements
- editor.remove() could cause the page to scroll
- Converting a block tag to another block type (e.g. Paragraph to Heading 1) did not preseve HTML attributes other than style
- Pressing enter at the end of a div inserted a new paragraph instead of a new div
- Custom menu items with icons displayed an X instead of the icon on mobile
- Menus did not reposition correctly when the editor size changed while the menu was open
- Menus did not reposition correctly when rotating a mobile device
Textbox.io 1.1.0.340
Please Note
- Editor configuration now has a locale option. However using more than one unique value for locale in a page is not supported.
New Features
- Syntax highlighted Code View with autocompletion is now available (using CodeMirror). Click the icon in the bottom right to switch.
- Inline Editing is now available to create a seamless WYSIWYG user experience, which automatically enables floating toolbars
- Floating draggable toolbars are now available
- iOS 8 support
- The editor interface is now available in 33 languages. The browser locale is used by default, if a matching translation is available. The locale can also be set via the editor API.
- Spell Checking is now available in 13 languages. The user interface language is used by default, if a matching dictionary is available.
- Right to left interface support for Arabic and Hebrew locales.
- Actions on custom buttons are now passed an editor reference
- Removed image Drag and Drop overlay UI. Images are now inserted where the mouse points instead of where the cursor was.
- Code View can be disabled in the editor configuration object.
- new getSelectedText API
Bug Fixes
- Image “src” attributes were not all updated before the uploadImages() callback was fired
- Text did not wrap correctly on mobile browsers with long continuous lines in the content
- Pressing enter at the end of a heading with inline styles did not convert the next line to a paragraph
- Issues performing undo operations after auto-capitalization in a table
- The “loaded” event fires not only once but every time the editor goes from full screen to normal
- Converting a selection to list block items when there are new lines in between inserts unwanted bullets
- The “loaded” event was incorrectly firing when the user switched to fullscreen or back, in addition to on load
- Changing the font size on a misspelled word would sometimes result in a partial underline
- The cursor position was incorrect after using the insertHtmlAtCursor API
- Input filters were not applied to content added with the insertHtmlAtCursor API
- Text could not be selected within the help dialog
- Pressing backspace with an image selected in Internet Explorer would sometimes navigate back
- When an image upload timed out, the failed image was not converted to base64 on save
- Pressing enter in the “web image url” dialog field submitted the outer web form containing TBIO
- Spelling highlights were not filtered out when copying and pasting within the editor
- Text Alignment and Font Weight styles could leak from the outer page into the editor UI
- Nested submenus with custom buttons failed with a translation error
Textbox.io 1.0.0.1443
Please Note
- Mobile support is limited to iOS 7. Android devices will be supported in a future release.
- Image insertion operations may move the current cursor and/or selection location.
- On iOS occasionally the virtual keyboard can become out of synchronization with the editor (i.e. it is displayed or hidden when it shouldn’t be). Returning focus to the editor by touching in the editable region usually corrects this issue.
- Due to an Internet Explorer 10 rendering issue, new paragraphs may appear as two lines instead of a single line on this browser.
- On Internet Explorer 11 spelling highlights can occasionally cause the current selection to change.
- Some character combinations within a URL may cause the generated link to be invalid or incomplete.
- Microsoft Word documents with large numbers of images may cause a “#1502” memory error in Adobe Flash indicating that he image paste operation has failed due to memory constraints.
- Image upload is currently only supported for images smaller than 4.5MB.
New Features
- User-centric, streamlined, responsive UI based on HTML5 and CSS3
- Rich text editing for mobile devices using iOS 7
- Clean copy and paste from Microsoft Office, including image content
- Automatic image uploads and supporting image upload service
- Drag and drop to insert images
- Fullscreen mode
- Spell checking as you type with supporting spell check service
- Autocorrect
- Markdown support for distraction free writing
- Inline HTML styling including bold, italic, underline and font selection
- Work with HTML block styles including paragraphs, headings and blockquotes
- Insert and edit hyperlinks
- Ordered and unordered lists
- Create and edit tables
- Simple integration API with intelligent defaults
- Customization API to control available commands
- Create custom functionality and extensions using the custom button API
- The