Sitecore Space - 사이트코어: 12월 2015

2015년 12월 18일 금요일

Telerik에 새로운 명령어 추가하기

#HowTo #Javascript #RichTextCommands #Telerik

Telerik은 자바스크립트를 이용하여 에디터의 커맨드를 불러온다.
먼저 자바스크립트의 경로는 "\sitecore\shell\Controls\Rich Text Editor\RichText Commands.js"이며, 커맨드 리스트를 통하여 새로운 버튼을 추가할수가 있다.

첫번째로, Core DB에서 "/setting/HTML Editor Profile"에서 새로운 Profile을 만든 후 버턴 아이템을 만들어준다. "Click" 값은 반드시 Unique한 값을 지정하며, 커맨드 리스트에 추가될 값과 일치하여야한다.

다음 단계로 "RichText Command.js" 파일에 리스트를 추가한다.

RadEditorCommandList["Button Generator"] = function (commandName, editor, args) {
    var d = Telerik.Web.UI.Editor.CommandList._getLinkArgument(editor);
    Telerik.Web.UI.Editor.CommandList._getDialogArguments(d, "A", editor, "DocumentManager");

    //Retrieve the html selected in the editor
    var html = editor.getSelectionHtml();
    scEditor = editor;
    scEditor.pasteHtml("버턴을 클릭하면 메세지가 출력된다.");
};

Telerik's RichText Editor

#FYI #RichTextEditorProfile

Sitecore는 Telerik 플랫폼을 통하여 RichTextEditor를 제공하한다. 템플릿에 Rich Text 데이터 타입을 선택하면 에디터를 사용할수있으며, Core 데이타베이스의 HtmlEditor Profile을 통하여 에디터의 HTML 기능을 추가할수가있다.

추가적으로, source경로가 비어있다면 기본값은 RTE Default로 적용되면, 이는 web.config 파일에서 설정할수가 있다.