Как преобразовать выделенный текст с веб-страницы в html-теги?

#javascript #html #bookmarklet

#javascript #HTML #букмарклет

Вопрос:

Мой текущий рабочий процесс требует, чтобы я скопировал фрагмент текста с веб-страницы и извлек HTML-теги. В настоящее время я делаю это, выделяя текст, переходя к wordtohtml.net , вставляем его и копируем выходные данные с HTML-тегами и правильной информацией о классе. Смотрите ниже:

введите описание изображения здесь

Есть ли утилита командной строки, с помощью которой я мог бы передать фрагмент текста, который я изначально скопировал, и выполнить преобразование для меня?

Ответ №1:

Я сделал для вас букмарклет

  1. Перейдите на веб-сайт и перетащите букмарклет на панель закладок
  2. Выделите любой текст на веб-сайте
  3. Щелкните букмарклет
  4. Скопируйте HTML-код из текстовой области
  5. Вставьте HTML-код туда, куда вы хотите

Получить HTML букмарклета выделения

Это исходный код букмарклетов:

 javascript:(function(){(function(window,document) {var range;var calert;calert = function(text){var w = Math.max(document.documentElement.clientWidth, window.innerWidth %7C| 0);var h = Math.max(document.documentElement.clientHeight, window.innerHeight %7C| 0);var offset = %7Btop: ((h / 2) + window.scrollY - 240)%2Cleft: ((w / 2) - window.scrollX - 320)%7D;var container = document.createElement('div');container.style.display = 'block';container.style.border = '2px solid #000';container.style.borderRadius = '10px';container.style.position = 'absolute';container.style.zIndex = 99999999;container.style.backgroundColor = '#fff';container.style.width = '340px';container.style.padding = '10px';container.style.top = offset.top + 'px';container.style.left = offset.left + 'px';var contents = document.createElement('textarea');contents.style.display = 'block';contents.style.width = '310px';contents.style.height = '240px';contents.style.border = '1px solid #ccc';contents.value = text;var button = document.createElement('button');button.innerHTML = 'Close';button.style.display = 'block';button.onclick = function(evt){evt.preventDefault();this.parentNode.parentNode.removeChild(this.parentNode)%3B%7D;container.appendChild(contents);container.appendChild(button);document.body.appendChild(container)%3B%7D;if (document.selection && document.selection.createRange) {range = document.selection.createRange();return range.htmlText%3B}else if (window.getSelection) {var selection = window.getSelection();if (selection.rangeCount > 0) {range = selection.getRangeAt(0);var clonedSelection = range.cloneContents();var div = document.createElement('div');div.appendChild(clonedSelection);calert(div.innerHTML)%3B}else {calert('no selection')%3B%7D}else {calert('no selection')%3B%7D})(window,document)})()
  

Комментарии:

1. Чувак, ты классный! Большое вам спасибо!!