Как выделенный текст обернуть в тэг? - Форум об интернет-маркетинге
Этот сайт существует на доходы от рекламы.
Пожалуйста, выключите AdBlock.
Вернуться   Форум об интернет-маркетинге > >
Ответ
 
Опции темы
Старый 13.03.2018, 23:38   #1
Студент
 
Регистрация: 03.04.2017
Сообщений: 5
Репутация: -1321

По умолчанию Как выделенный текст обернуть в тэг?

Есть простой текст в div-блоке. Как при выделении фрагмента этого текста обернуть его в тэг ? Или как сделать то же самое, но при клике на кнопку, как в визуальном редакторе?
verstalshikKHV вне форума   Ответить с цитированием

Реклама
Старый 13.03.2018, 23:42   #2
Тарасов Роман
Академик
 
Регистрация: 24.09.2016
Сообщений: 1,445
Репутация: 110610

По умолчанию Re: Как выделенный текст обернуть в тэг?

Цитата:
Сообщение от verstalshikKHV Посмотреть сообщение
Есть простой текст в div-блоке. Как при выделении фрагмента этого текста обернуть его в тэг ? Или как сделать то же самое, но при клике на кнопку, как в визуальном редакторе?
Руками. Прописываем тэг.

Как сделать это кликом по кнопке? Движок какой?
__________________
http://copywriting-tarasov.ru/
Тарасов Роман на форуме   Ответить с цитированием
Старый 13.03.2018, 23:54   #3
verstalshikKHV
Студент
 
Регистрация: 03.04.2017
Сообщений: 5
Репутация: -1321

ТопикСтартер Re: Как выделенный текст обернуть в тэг?

Цитата:
Сообщение от Тарасов Роман Посмотреть сообщение
Руками. Прописываем тэг.

Как сделать это кликом по кнопке? Движок какой?

Уже решил задачу:

Код:
$(document).ready(function() {
  $(document).on("mouseup", ".test", function() {
    styliString();
  });
});

function styliString() {
  if (window.getSelection() == '') {
    return false;
  }
  var range = window.getSelection().getRangeAt(0);
  var selectionContents = range.extractContents();
  var span = document.createElement("span");
  span.appendChild(selectionContents);
  span.setAttribute("class", "selected");

  span.style.backgroundColor = "yellow";
  span.style.color = "green";

  range.insertNode(span);
}
verstalshikKHV вне форума   Ответить с цитированием
Ответ




Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход



Текущее время: 04:34. Часовой пояс GMT +3.

Регистрация Справка Календарь Поддержка Все разделы прочитаны