OklickSpb
13.11.2012, 15:05
Все доброго времени суток!
Необходимо реализовать примерно такую вещь, как на этом сайте реадактор 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 теги появляются позади выделенного текста.
Как сделать все это кроссбраузерно?
Чьи то плагины использовать не желательно, необходимо написать собственноручно...
Заранее благодарен.
Необходимо реализовать примерно такую вещь, как на этом сайте реадактор 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 теги появляются позади выделенного текста.
Как сделать все это кроссбраузерно?
Чьи то плагины использовать не желательно, необходимо написать собственноручно...
Заранее благодарен.