Форум Сайтостроение Веб-строительство

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

VK
На сайте с 03.04.2017
Offline
14
verstalshikKHV
386

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

ТР
На сайте с 24.09.2016
Offline
224
Тарасов Роман
#1
verstalshikKHV:
Есть простой текст в div-блоке. Как при выделении фрагмента этого текста обернуть его в тэг ? Или как сделать то же самое, но при клике на кнопку, как в визуальном редакторе?

Руками. Прописываем тэг.

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

Как копирайтеру хорошо зарабатывать (https://copywriting-tarasov.ru/?p=613) https://copywriting-tarasov.ru/ (https://copywriting-tarasov.ru/) Бесплатный аудит РК в Яндекс.Директе
VK
На сайте с 03.04.2017
Offline
14
verstalshikKHV
#2
Тарасов Роман:
Руками. Прописываем тэг.

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

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

$(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);

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий