API

If you would like to get to know to the angularjs adapter, come here.

API

Main object is called texty. It has one init function that creates new Texty prototype and one object of functions called utils.

Texty prototype

• Functions
• Properties

Functions:

element()

Returns the element that is used as the main texty node.

addApplier(name[, options])

name is the className that will be applied. options are the same as the rangy options extended by

• removeClass: Boolean. If true, the class will be removed from the output.

Example:

JS:

var editor = texty.init(document.getElementById('editor'));
editor.addApplier('bold', {
    elementTagName: 'strong',
    removeClass: true
});

input:

<strong>example</strong>

during edit mode:

<strong class="bold">example</strong>

output: (with removeClass: true)

<strong>example</strong>

getApplier(name)

Returns an object of function to control the applier with the given name. The functions are the following:

• toggle(): Toogles the applier.
• apply(): Applies the applier.
• remove(): Removes the applier.
• is(): Returns a Boolean if the applier is applied.

redo()

Do a redo if called.

isRedoable()

Returns a Boolean if redo can be done.

undo()

Do a undo if called.

isUndoable()

Returns a Boolean if undo can be done.

addCallback(callback)

Adds the callback that is called whenever modifications can be made to the selection or to the editor. (No parameter is given to the function)

removeCallback(callback)

Removes the callback.

parseInput([input])

Parses the input. Adds class to non-span applier. See addApplier.

getOutput()

Returns the output. Classes are removed if needed. (See addApplier.) The unused attributes are removed.

setBlockNodeTagName(tagName)

Sets the tag name of the block node. tagName must be uppercase and texty.utils.blockTagNames must contain it.

increaseIndent()

Increases indent on block node by increasing text-indent by 20px.

decreaseIndent()

Decreases indent on block node by decreasing text-indent by 20px.

setAlign(type)

Sets the align of the block element. Type should be one of left, center, right, justify.

removeFormatting()

Removes formatting on the selection.

insertText(text)

Inserts the text in paragraphs. If the text is string, it will be split on every \n. If the text is an array of string, then each will become one paragraph.

insertLink(href[,text])

Inserts link or replaces selected text to a link. (See Known issues) If no text is given and there's no selection then Link will be the text of the new A tag.

Return the newly created A element.

insertImage(src)

Collapses selection and inserts image with the given src.

Returns the newly created IMG element.

Properties

isImageSelected : Boolean

Indicates if the selection is on an image.

selectedImage : node

The node of the selected image. If no image is selected then undefined.

isLinkSelected : Boolean

Indicates if the selection is on an image.

selectedLink : node

The node of the selected link. If no link is selected then undefined.

align: string

Indicates the alignment of the selected block elements. If cannot be determined (e.g. no selection or more types of alignment) then value is undefined.

activeAppliers: string[]

An array of the name of the active appliers.

appliers: {}

An object where the key is the name of the appliers and public functions of the applier are the value.