.&1|?" {}:+dt 4BEn!3_${E6|TI ] Z\U͡]Smw% CRJhJC +.mѤɁIs !sp1:{PrC@>^r{*QxL#PO@60oTNȖpY"O3L?i:ZȦcAxHB\$ꅧPx=i{6]}c>e&-X? r/NB'cS"a<*7[Hk՛~ ɇ }!#cBH k9!PDQP^NΆ* h4_Lujj28nn&,`\fOJ~sl^4TK&AH9=P?JWXbwN{ѱA]~d4u+Dow sfMEDQP^NΆ* h4ȫ|Fo _l) /ݐ 8nn&,`\f;UH 'V 30Y24<~;}9a3K%"-cFCĶT6%rI^946nqU4A~{m8nn&,`\fc,)NjOEVi%8nn&,`\f8nn&,`\f}}djQNVl@2 @aU4\SG]$Kr{3Yk}* ]cq<( ) ϫqt9A2ˇ;C"iQi&"-cFCĶv$;s $3"Fëm:B0g^4TK&AH926ݯ_=qřW8nn&,`\fs hCGQq 8nn&,`\fu ^ƙo|QK?Xw!^1Bj%s!l!5XcjLL4( Ww:qKM潺K0R>y]8nn&,`\fz7?;d9ە}8nn&,`\f.Vd{OnPu ' ؼmgwB|N39x}ya)?!Ug,LHh8=k}A5}W>\CtFWՊ1up&y+߭~RXT#yQ& TnsVuԙ_ShʑyKZ+5N`QG Ӝx wFrb9~5J/Ϫg#Wje{qF#X9$k+JPHQj>OyE˱pN;ȪMA$&fn?7c=>/0-ga VѷߝY5BSwKVLV SJ~^ 'κua6'gGϬpx S]V>ytB9Bz3Ċ@xWz&:v|6cq;o5h#!?>՝QEkYA;=o]K0f^pS[+cۗto8nn&,`\fcF#)S*Ó֙X}sȿψQbN8$}Z,YI U2q!n>\Npy } case "clear": return { type: 'button', tooltip: 'Clear', init: function (widget) { widget.jqxButton({ height: 25, width: 40 }); widget.html("<span style='line-height: 23px;'>Clear</span>"); }, refresh: function (widget, style) { // do something here when the selection is changed. }, action: function (widget, editor) { // return nothing and perform a custom action. $('#editor').val(''); } } case "backcolor": return { type: 'colorPicker', tooltip: 'Background', init: function (widget) { widget.jqxDropDownButton({ width: 160 }); widget.jqxDropDownButton('setContent', '<span style="line-height: 23px;">Choose Background</span>'); }, refresh: function (widget, style) { // do something here when the selection is changed. }, action: function (widget, editor) { // return nothing and perform a custom action. var color = widget.val(); editor.css('background', color); } } } } });

Set the createCommand property to override existing commands.


$('#editor').jqxEditor({
    height: 400,
    width: 800,
    tools: "bold italic underline | font size | left center right | outdent indent",
    createCommand: function (name) {
        switch (name) {
            case "font":
                return {
                    init: function (widget) {
                        widget.jqxDropDownList({
                            source: [{ label: 'Arial', value: 'Arial, Helvetica, sans-serif' },
                                    { label: 'Comic Sans MS', value: '"Comic Sans MS", cursive, sans-serif' },
                                    { label: 'Courier New', value: '"Courier New", Courier, monospace' },
                                    { label: 'Georgia', value: "Georgia,serif" }]
                        });
                    }
                }
            case "size":
                return {
                    init: function (widget) {
                        widget.jqxDropDownList({
                            source: [
                                { label: "8pt", value: "xx-small" },
                                { label: "12pt", value: "small" },
                                { label: "18pt", value: "large" },
                                { label: "36pt", value: "xx-large" }
                            ]
                        });
                    }
                }
        }
    }
});

Get the createCommand property. 

var createCommand = $('#jqxEditor').jqxEditor('createCommand');
Try it: createCommand is set to a custom function.
disabled Boolean false editable Boolean true height Number/String null lineBreak String "default" localization Object { "bold": "Bold", "italic": "Italic", "underline": "Underline", "format": "Format Block", "font": "Font Name", "size": "Font Size", "color": "Text Color", "background": "Fill Color", "left": "Align Left", "center": "Align Center", "right": "Align Right", "outdent": "Indent Less", "indent": "Indent More", "ul": "Insert unordered list", "ol": "Insert ordered list", "image": "Insert image", "link": "Insert link", "html": "View source", "clean": "Remove Formatting" } pasteMode String "html" rtl Boolean false stylesheets Array [] theme String '' toolbarPosition String "top" tools String "bold italic underline | format font size | color background | left center right | outdent indent | ul ol | image | link | clean | html" width Number/String null

Events

change Event

Methods

destroy Method focus Method print Method setMode Method val Method