Text Area

The ArteText area is where you do all your rich text modifications. Plugins and other core functionality will extend the prototype of the Arte.TextArea object on which you will make all your changes.

Usage

The following are included on the core TextArea object

Value

/**
 * Get or Set innerHtml of the contentEditable element
 * @params {string} value string to set innerHTML of element to
 * @returns {string} returns'innerHTML' of the contentEditable element if in rich text mode or 'value' of the element if in plaintext mode if getting value, otherwise returns nothing
 */
    var arte = $(".editor").Arte();
    arte.value();

or

    var arte = $(".editor").Arte();
    arte.value("Enter your text here");

Outer Value

/**
 * Gets or sets outerHtml of the contentEditable element
 * @params {string} value html string to set outerHTML of element to
 * @returns {string} returns 'outerHTML' of the contentEditable element with contentEditable tag removed
 */
    var arte = $(".editor").Arte();
    arte.outerValue();

or

    var arte = $(".editor").Arte();
    arte.outerValue("<div> Text editor </div>");

Focus

/**
 * Calls a focus event on the contentEditable element, moves the cursor to the end of that element, and fires an onselectionchange event
 */
 

    var arte = $(".editor").Arte();
    arte.focus();

Trigger Event

/**
 * Calls a focus event on the contentEditable element, moves the cursor to the end of that element, and fires an onselectionchange event
 */
 

    var arte = $(".editor").Arte();
    arte.triggerEvent("eventName", eventData);

Destroy

    /**
    * Removes Arte from this element (Converts the rich text editor to non-editable state and remove rich text state information)
    * @params {Object} options - pass in 'removeContent' in options object to also clear the element of all text and formatting
    */
    var arte = $(".editor").Arte();
    arte.destroy();