CKEditor test page

probably used it for a SO question

by henryDev

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/ckeditor.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/adapters/jquery.js"></script>
<form><textarea id=foo></textarea></form>

CSS

#modal {
    position: absolute;
    left: 30px;
    top: 45px;
}

JavaScript

$('textarea#foo').ckeditor({
    height: "300px",
    toolbarStartupExpanded: true,
    width: "100%"
});

CKEDITOR.instances.foo.on('key',function(event){
        var deleteKey = 46;
        var backspaceKey = 8;
        var keyCode = event.data.keyCode;
        if (keyCode === deleteKey || keyCode === backspaceKey)
            return true;
        else
        {
            var textLimit = 50;
            var str = CKEDITOR.instances.foo.getData();
            if (str.length >= textLimit)
                return false;
        }
    }); 
    
    
CKEDITOR.instances.foo.on('paste',function(event){

        alert('paste');
        var deleteKey = 46;
        var backspaceKey = 8;
        var keyCode = event.data.keyCode;
        if (keyCode === deleteKey || keyCode === backspaceKey)
            return true;
        else
        {
            var textLimit = 50;
            var str = CKEDITOR.instances.foo.getData();
            if (str.length >= textLimit)
            // Need to add code here to only show the first 50 characters
                return false;
        }
    });