Окружение выделенного текста тегами

Question

<ul class="contact">
<li class="first">Carnegie Mellon University</li>
<li>5000 Forbes Avenue, Pittsburgh, PA 15213</li>
</ul>

=>

<ul class="contact">
<li class="first">Carnegie Mellon University</li>
<li>[address]5000 Forbes Avenue, Pittsburgh, PA 15213[/address]</li>
</ul>

Представьте, что я открываю веб-страницу в браузере и нахожу некоторую полезную информацию на этой странице. Поэтому я хотел бы выбрать полезную информацию (например, адрес Университета Карнеги-Меллона) на странице и нажать кнопку "Внедрить тег". В результате исходный код страницы будет вставлен с парой тегов (например, [адрес][/ адрес]), окружающих выбранный пользователем текст. Затем я сохраню введенный исходный код для дальнейшей обработки.

Кто-нибудь может помочь предложить способ реализации такой функции? Я действительно новичок в Javascript, поэтому, пожалуйста, будьте немного подробны с вашим предложением.

Answer 1

Поиск в Google, я нахожу пример, где вы можете получить выделенный текст: http://mark.koli.ch/2009/09/use-javascript-and-jquery-to-get-user-selected-text.html.

При этом вам нужно всего лишь изменить действие предупреждения, чтобы вставить нужные теги. Чтобы сделать это с помощью jquery, используйте следующий код:

$(selected).text("[tag]" + $(selected).text() + "[/tag]");

где выбран должен быть переменной, которая представляет выбранный вами текст.