$(function () {
    var setupCharacterCount = function (editor) {
        var text = '';
        var element = editor.getElement();
        if ($(element).hasClass('totalCount')) {
            var characterLimit = element.getAttribute('data-limit');
            if (characterLimit) {
                editor.on('keydown', function(e) {
                    text = editor.getContent().replace(/(< ([^>]+)<)/g, '').replace(/\s+/g, ' ');
                    text = text.replace(/^\s\s*/, '').replace(/\s\s*$/, '');

                    var characterCount = document.getElementById('characterCount');
                    if (characterCount)
                        characterCount.innerHTML = characterLimit - text.length;

                    if (text.length >= characterLimit && e.keyCode != 8) {
                        return false;
                    }
                });
            }
        }
    };

    tinymce.init({
        selector: "textarea.richTextArea",
        menubar: false,
        browser_spellcheck: true,
        statusbar: false,
        relative_urls: false,
        plugins: "link paste",
        toolbar: "undo redo | bold italic underline | cut copy paste | alignleft aligncenter alignright | bullist numlist | link unlink",
        setup: setupCharacterCount
    });

    tinymce.init({
        selector : "textarea.richTextAreaWithImage",
        menubar : false,
        browser_spellcheck : true,
        statusbar: false,
        relative_urls: false,
        plugins: "link paste image",
        toolbar: "undo redo | bold italic underline | copy paste | alignleft aligncenter alignright | bullist numlist | link unlink | image",
        setup: setupCharacterCount
    });


    $('.totalCount').each(function(index, el) {
        var limit = $(el).data('limit').toString();
        var len = $(el).val().length;

        var characterCount = document.getElementById('characterCount');
        if (characterCount)
            characterCount.innerHTML = limit - len;
    });
});