Sitefinity Kendo Editor definition
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment