Kendo UI Starter Template

An empty fiddle with the latest Kendo UI CSS and JS references.

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.dataviz.default.min.css">
<textarea id="editor" class="customEditor"></textarea>

CSS

.customEditor {
    margin: 20px;
}

JavaScript

(function () {
    
    $("#editor").kendoEditor({
            messages: { insertHtml: "Insérer une valeur"},
            tools: [
                "viewHtml",                
                {
                    name: "custom",
                    exec: function (e) {
                var editor = $("#editor").data("kendoEditor");
                editor.exec("inserthtml", { value: " <span contenteditable='false'>VarValueHere</span>" });
                    }
                }
            ]
        });

})()