Sitefinity Kendo Editor definition
<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