Commands

Extends Arte.Text area to add rich text commands

Basic Usage

Supported using HTML Tag, Style, or Class

Bold

Make the selected text bold

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

Italic

Make the selected text italic

    arte.italic(); 

Italic

Make the selected text underlined

    arte.underline(); 

Supported using Style, or Class

Align

Make the selected text bold

    arte.align("left"); 

Background Color

Change the size of the selected text

    arte.backgroundColor("#123456"); 

Font Size

Make the selected text italic

    arte.fontSize("12px"); 

Font Family

Make the selected text italic

    arte.fontFamily("arial"); 

Color

Make the selected text italic

    arte.color("#123456"); 

Overriding the way commands are applied

Override the global configuration to apply bold using B tags

    arte.bold({ tagName: "B" }); 

Override the global configuration to apply bold using Strong tags

    arte.bold({ tagName: "STRONG" }); 

Override the global configuration to apply bold using a className

    arte.bold({ className: "arte-font-weight-bold" }); 

Apply the command using the styleName

    arte.bold({ styleName: "font-weight", styleValue: "bold" });