Table of Contents

Text+ (Toolbar)

Most of the editing and formatting of text is done in fields we have named Text+. These offer more formatting options than one-line text fields (e.g. titles). Many of the features available in Text+ are similar to those in word-processing software such as Word (e.g. bold, italics, underlining, bullet points, indenting). On this page we have picked out some of the features which may be less familiar, but which are particularly helpful.

You may have text prepared in another format (for example in Word) that you want to paste into the Text+ window. If so, it is always better to paste it into Notepad (or TextEdit for Mac users) and then copy and paste it into Xerte, because this will strip out any formatting that may cause display issues. You may have to put back the formatting you wanted to keep, but it will avoid potential problems.

The division of the toolbar into groups/rows will be determined by the size/resolution of your editor window. In this reference the toolbar is split arbitrarily into 5 groups below.

Group 1

Top row of toolbar.

SourceDisplays the content in the source code format. If you are familiar with HTML, you will be able to edit here, in particular to solve formatting issues or insert embed codes. If you are not familiar with HTML, it is definitely worth learning the basic principles and the code needed to resolve the most common issues. To learn the basics, you can visit this HTML Tutorial resource.

When you go into the source code this reveals a menu of 5 additional features, which we have not described here.

Check AccessibilityProvides an automated check for accessibility. It does not guarantee to identify all accessibility issues, but will, for example identify issues round use of headings and paragraphing to optimise effective screen-reading.

Paste as plain text (Ctrl+Shift+V)Pastes copied text as unformatted text. This is generally a better option than pasting from Word (see below).

Paste from WordPastes text copied from Word and preserves the formatting.

FindSearch for a specific word or string of characters.

ReplaceSearch for a specific word or string of characters, and replace it with with another word or string of characters.

Group 2

toolbar_z.jpg

Phonetic Guide / Ruby TextAdds “ruby text”, typically phonemic transcriptions displayed in small letters just above the text they refer to.

Marked Text:!: New in 3.14, this Marked Text button allows sections of text to be highlighted in an accessible way. When background colours alone are used to give text a highlighted appearance, this information is not described by screen readers. Using the Marked Text button for highlights will allow screen readers to announce sections of text as highlighted.

Copy Formatting (Ctrl+Shift+C)Copies formatting from selected text, which can then be applied to another section of text.

Remove FormatRemoves formatting from selected text.

Link (Ctrl+K)Adds a link to a URL or email address, which can appear in the same window, a new window, or (if the destination page permits) opens in a lightbox.

UnlinkRemoves a link.

Xerte Page LinkAdds a link to another page in the Xerte project.


Group 3

Third row of toolbar.

Formatting StylesAdds styles to the selected text (e.g. speech bubbles, panels, or side-highlighting etc.) and is a useful option for formatting text quickly, and it is worth experimenting with.

Paragraph FormatFormats the selected text as a normal (paragraph text) or as a heading.

Font NameChanges the font type.

Font SizeChanges the font size.


Group 4

Fourth row of toolbar.

Text ColourChanges the colour of the font for selected text.

Background ColourChanges the colour of the background to selected text.

MaximiseMaximises the text editor so it fills the entire window.

Show BlocksShows Blocks which highlights the HTML used to build the page. Can be helpful for those who understand the underlying HTML source code.

ImageEmbeds either an image on another website (via a URL) or an image that you upload to the Media Browser.

Embed Media from External SitesEmbeds media content from a supported site (e.g. YouTube, Vimeo, Flickr).

Insert Code SnippetEnables you to add code snippet, and when a programming language is chosen, it displays in the formatting style of that language.

Insert Font AwesomeInserts Font Awesome characters.

Insert HTML5 AudioEmbeds audio either from another website (via a URL) or uploaded as MP3 into Media Browser.

Record AudioEnables you to record audio and deploy it, all within Xerte.

MathCreates mathematical formulae, in LaTeX, AsciiMath or MathML.

xerte-texteditor-flash.jpgThis feature is deprecated and is not present in the toolbar from version 3.13. New in 3.13.

TableInserts a non-interactive table.

Insert Horizontal LineInserts a horizontal line across the page or panel.

Insert Special CharacterInserts a special character (e.g. fractions, European language characters with accents)

IFrameInserts an iframe, which allows permissable web content to be displayed inside the Xerte page.

Emoji ListInserts an emoticon/smiley/sticker.

Group 5

Bottom row of toolbar.


xerte-texteditor-columns.jpgPuts the selected text into columns.

Block QuotePuts the selected text into quotation marks.

Text direction from left to rightProduces text left to right (default for European language).

Text direction from right to leftProduces text right to left (e.g. for Arabic).

Set LanguageSets language.