Sitefinity Kendo Editor definition

sf-html-field.sf-cshtml

<textarea id="editor" style="height: 340px;"
    kendo-editor="editorWidget" ng-model="sfModel"
	k-scope-field="editorWidget"
    sf-toggle-commands="strikethrough, justifyFull, subscript, superscript, fontName, fontSize, foreColor, backColor, print"
    k-encoded="false"
    k-stylesheets='[getPackageResourceUrl("/ResourcePackages/Bootstrap/assets/dist/css/styles.min.css")]'
    
	k-paste-cleanup = '{
        all: false,
        css: true,
        custom: null,
        keepNewLines: false,
        msAllFormatting: true,
        msConvertLists: true,
        msTags: true,
        none: false,
        span: false
    }'
    
    k-tools='[
    { 
		name: "formatting",
		items: [
				{ text: "Paragraph", value: "p" },
				{ text: "Quotation", value: "blockquote" },
				{ text: "Heading 1", value: "h1" },
				{ text: "Heading 2", value: "h2" },
				{ text: "Heading 3", value: "h3" },
				{ text: "Heading 4", value: "h4" },
				{ text: "Heading 5", value: "h5" },
				{ text: "Heading 6", value: "h6" },
				{ text: "Highlight Error", value: ".hlError" },
				{ text: "Highlight OK", value: ".hlOK" },
				{ text: "Inline Code", value: ".inlineCode" },
				{ text: "Blue Button", value: ".btn btn-primary" }
		]
	},
    "bold", "italic", "underline",
    "justifyLeft", "justifyCenter", "justifyRight", "justifyFull",
    "insertUnorderedList", "insertOrderedList", "indent", "outdent",
    {
        name: "createLink",
        template: "<a href=\"\" class=\"k-tool k-group-start\" ng-click=\"openLinkSelector()\"><span class=\"k-tool-icon k-createLink\"></span></a>"
    },
    "unlink",
    {
        name: "insertImage",
        template: "<a href=\"\" class=\"k-tool k-group-start\" ng-click=\"openImageSelector()\"><span class=\"k-tool-icon k-insertImage\"></span></a>"
    },
    {
        name: "insertFile",
        template: "<a href=\"\" class=\"k-tool k-group-start\" ng-click=\"openDocumentSelector()\"><span class=\"k-tool-icon k-insertFile\"></span></a>"
    },
    {
        name: "insertVideo",
        template: "<a href=\"\" class=\"k-tool custom-tool\" title=\"@(Res.Get<ClientComponentsResources>().InsertVideo)\" ng-click=\"openVideoSelector()\"><span class=\"glyphicon glyphicon-facetime-video\"></span></a>"
    },
    "createTable", "addColumnLeft", "addColumnRight", "addRowAbove", "addRowBelow", "deleteRow", "deleteColumn",
    "cleanFormatting",
    "strikethrough", "subscript", "superscript","fontName", "fontSize", "foreColor", "backColor", "print",
    {
        name: "showAll",
        template: "<a class=\"k-tool custom-tool show-all-button\" title=\"@(Res.Get<ClientComponentsResources>().AllTools)\" ng-click=\"toggleAllTools()\"><span class=\"glyphicon glyphicon-option-horizontal\"></span></a>"
    },
    {
        name: "fullscreen",
        template: "<a class=\"k-tool js-custom-tool custom-tool\" title=\"Fullscreen\" ng-click=\"toggleFullScreen()\"><span class=\"js-fullScreen sf-maximize\"></span></a>"
	},
    {
        name: "htmlView",
        template: "<button class=\"custom-tool btn btn-default btn-xs pull-right js-htmlview js-custom-tool\" ng-click=\"toggleHtmlView()\">\{\{htmlViewLabel\}\}</button>"
	}
    ]'>
</textarea>

<sf-link-selector-modal id="linkSelectorModal"></sf-link-selector-modal>

<div class="mediaPropertiesModal"
     template-url="{{mediaPropertiesDialog}}"
     modal
     size="normal"
     existing-scope="true"
     window-class="sf-designer-dlg sf-timespan-selector-dlg sf-backend-wrp"
     dialog-controller="{{sfMediaPropertiesController}}">
</div>