Kendo UI

jQuery + Kendo UI + MockJax + Knockout

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.blueopal.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<textarea id="editor"></textarea>
<input class="buttonB" type="button" value="Get selected value" />
<div class="verticalLine">
  some other content asdfasdfasdfasdfasdfasdfasdfasdas asdffasdfas asdfdfasdfasdfsome other content asdfasdfasdfasdfasdfasdfasdfasdas asdffasdfas asdfdfasdfasdfsome other content asdfasdfasdfasdfasdfasdfasdfasdas asdffasdfas asdfdfasdfasdfsome other content asdfasdfasdfasdfasdfasdfasdfasdas asdffasdfas asdfdfasdfasdfsome other content asdfasdfasdfasdfasdfasdfasdfasdas asdffasdfas asdfdfasdfasdf
</div>asdfkasjhdflkjashdlkfjaskdjf

CSS

div {
  border-left: thick solid #ff0000;
}

JavaScript

var textarea = $("#editor");
textarea.kendoEditor({ value: "Hello, David how are you doing !" });
var editor = textarea.data("kendoEditor");


$('.buttonB').click(function () {
    alert(editor.getRange());
});