Собственно столкнулся с проблемой, что при нажатии на картинки сделал вывод в textarea именно html теги, как только страница загрузилась и если нажимать на них все работает без проблем и как положено, но стоит всего-лишь добавить или удалить символ в самом textarea и уже скрипт не отрабатывает как задумывалось изначально. Код (Text): <script> $(document).ready (function() { $('#b').click (function () { $("#full_text").append("<b></b>"); }); }); $(document).ready (function() { $('#i').click (function () { $("#full_text").append("<i></i>"); }); }); $(document).ready (function() { $('#p').click (function () { $("#full_text").append("<p></p>"); }); }); $(document).ready (function() { $('#q').click (function () { $("#full_text").append("<blockquote></blockquote>"); }); }); </script><script> $(document).ready (function() { $('#b').click (function () { $("#full_text").append("<b></b>"); }); }); $(document).ready (function() { $('#i').click (function () { $("#full_text").append("<i></i>"); }); }); $(document).ready (function() { $('#p').click (function () { $("#full_text").append("<p></p>"); }); }); $(document).ready (function() { $('#q').click (function () { $("#full_text").append("<blockquote></blockquote>"); }); }); </script> Я новичок в этой области, помогите пожалуйста, буду благодарен)
Тогда нужно начинать изучение с нативного JS, т.к. без него вы всё равно далеко не уедете. Пример в песочнице Код (Javascript): $(function() { var fullText = $('#full_text'); $('.control-panel span').on('click', function() { var $that = $(this), tag = $that.data('tag'), caretPos = fullText.get(0).selectionStart, text = fullText.val(); fullText.val(text.substring(0, caretPos) + '<' + tag + '></' + tag + '>' + text.substring(caretPos)); }); });