Все доброго времени суток!
Необходимо реализовать примерно такую вещь, как на этом сайте реадактор textarea, что бы при веделении текста и выбора способа, текст в textarea обертывался тегами типа: жирный, подчеркнутый, курсим и так далее.
Нашел такой код:
(function($) {
$.fn.wrapSelected = function(open, close) {
return this.each(function() {
var textarea = $(this);
var value = textarea.val();
var start = textarea[0].selectionStart;
var end = textarea[0].selectionEnd;
textarea.val(
value.substr(0, start) +
open + value.substring(start, end) + close +
value.substring(end, value.length)
);
});
};
})(jQuery);
Реализован на JQuery, прямо как надо, НО он не корректно работает с IE, а это обязятельно!
В IE теги появляются позади выделенного текста.
Как сделать все это кроссбраузерно?
Чьи то плагины использовать не желательно, необходимо написать собственноручно...
Заранее благодарен.