Selection

A module for working with the cursor, text selections, processing selections, inserting html in place of the cursor.
Most obvious use case

How to insert HTML into JoditHow to insert HTML into Jodit

There is a family of methods for this.ISelect.insertHTML, ISelect.insertNode, ISelect.insertImage.

const jodit = Jodit.make('#editor');
jodit.selection.insertHTML('<span>some html</span>');
jodit.selection.insertNode(document.createElement('div')); // don't do that =) see [[core/create]]
jodit.selection.insertImage('https://somesite.com/image.png');

How to set focus in Jodit editorHow to set focus in Jodit editor

const jodit = Jodit.make('#editor');
jodit.selection.focus();

Apply a style to selected textApply a style to selected text

const jodit = Jodit.make('#editor');
jodit.s.commitStyle({ element: 'h1' }); // Wrap selected text in <h1> tag
jodit.s.commitStyle({ attributes: { className: 'some-class' } }); // Add class to selected text
jodit.s.commitStyle({ attributes: { style: { color: 'red' } } }); // Apply style to selected text
jodit.synchronizeValues();

s - is a shortcut for selection

ClassesClasses

• Selection
• CommitStyle

InterfacesInterfaces

• IStyleTransactionValue

statesstates

Const states: Object

Type declarationType declaration

Defined inDefined in

src/core/selection/style/transactions.ts#33

transactionstransactions

Const transactions: IStyleTransactions

Defined inDefined in

jodit/src/core/selection/style/transactions.ts:61

findCorrectCurrentNodefindCorrectCurrentNode

findCorrectCurrentNode(node, range, rightMode, isCollapsed, checkChild, child): Object

ParametersParameters

ReturnsReturns

Object

Defined inDefined in

jodit/src/core/selection/helpers/index.ts:41