Tutorial: Style the Kendo Editor used in the Comments widget

The Comments widget uses Kendo Editor for editing the comments body. This allows the end-user to style the text in comments message or to add complex objects in the comments, such as images, hyperlinks, etc.

To enable this functionality, you can show the Kendo Editor toolbox in the Comments widget. 

Perform the following:

1. Create a new page and drop the Comments widget on it.
2. Click the Edit button in the upper-right corner of the widget.
3. In Submit comment view template dropdown box, select Comments submit form.
4. Click Edit selected template.
5.  Find text area with id="commentEditor" and add the following class to it:
   class="myKendoEditor"
6. At the bottom, add the following snippet:
   <script>

   jQuery(document).ready(function () {

   var kendoEditor1 = jQuery(".myKendoEditor").data("kendoEditor");

   kendoEditor1.toolbar.element.show();

   jQuery(".sfcommentsTitleWrp").hide()

   });

   </script>
7. Save you changes.

For more information about the properties and styling options of the Kendo Editor, see kendo.ui.Editor.