Копировать имя/цитировать, 1.1

[tennoseremel]

Вот, теперь оно ещё и копирует адрес цитируемого комментария/поста.

Также заменяет при цитировании br'ки на переводы строк, и преобразовывает код ссылки на пользователя в @ник (DW понимает такой синтаксис для создания ссылок на имена). Правда DW подобным же образом может делать ссылки на пользователей других ресурсов (ЖЖ и ещё кучки других), но я пока их не рассматриваю.

Прежде чем постить процитированное, лучше нажмите предпросмотр на всякий случай 😁

// ==UserScript== // @name DreamWidth - custom actions // @author Tenno Seremel // @namespace tenno-seremel // @match https://*.dreamwidth.org/* // @version 1.1 // @grant none // @run-at document-end // @noframes // ==/UserScript== 'use strict'; function find_parent_by_rule(element, parent_class_rule) { let result = null; let x = element; while (x && !result && (x !== document)) { if (x.matches(parent_class_rule)) { result = x; } x = x.parentNode; } return result; } function copy_user_name(ev) { ev.preventDefault(); let item = find_parent_by_rule(ev.currentTarget, '.comment, .entry'); if (item) { let username; let user_el = item.querySelector('.ljuser'); if (user_el) { username = user_el.getAttribute('lj:user'); } else { let hostname = document.location.hostname; username = hostname.substring(0, hostname.indexOf('.')); } if (username) { navigator.clipboard.writeText('<user name="' + username + '">'); } } } function filter_nodes(root) { let banned_rule = '.cuttag_container, a[name^="cutid"], wbr'; let elements = root.querySelectorAll(banned_rule); for (let element of elements) { if (element) { element.parentNode.removeChild(element); } } } function transform_user_links(root) { let elements = root.querySelectorAll('.ljuser'); for (let element of elements) { if (element) { let text = document.createTextNode('@' + element.getAttribute('lj:user')); element.parentNode.replaceChild(text, element); } } } function transform_br(root) { let elements = root.querySelectorAll('br'); for (let element of elements) { if (element) { let text = document.createTextNode("\n"); element.parentNode.replaceChild(text, element); } } } function quote_post(ev) { ev.preventDefault(); let item = find_parent_by_rule(ev.currentTarget, '.comment, .entry'); if (item) { let content = item.querySelector('.entry-content, .comment-content'); if (content) { let result = content.cloneNode(true); filter_nodes(result); transform_user_links(result); transform_br(result); result = "<blockquote>\n" + result.innerHTML + "\n</blockquote>\n"; let url_text = 'URL комментария'; let permalink = item.querySelector('.commentpermalink > a'); if (!permalink) { url_text = 'URL записи'; permalink = item.querySelector('h3.entry-title > a'); } let p = document.createElement('p'); let a = document.createElement('a'); a.textContent = url_text; a.href = permalink.href; p.appendChild(a); result += p.outerHTML; navigator.clipboard.writeText(result); } } } function add_button(container, text, handler) { let list_item = document.createElement('li'); list_item.setAttribute('class', 'link'); let button = document.createElement('button'); button.textContent = text; button.setAttribute('type', 'button'); button.setAttribute('style', 'border:none;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer'); button.addEventListener('click', handler, false); list_item.appendChild(button); container.appendChild(list_item); } let actions = document.querySelectorAll('.comment-interaction-links, .entry-interaction-links'); for (let action of actions) { add_button(action, 'Копировать имя', copy_user_name); add_button(action, 'Цитировать', quote_post); }

Как поставить

Ставится расширение для пользовательских скриптов для вашего браузера, например, Violentmonkey (Firefox, Chrome; хромом я не пользуюсь, так что ссылку пришлось нагуглить, да). Я тестирую в Violentmonkey, хотя, по идее, и в Greasemonkey должно работать.

Среди иконок на панели браузера появляется икона расширения (обезьянка). Нажать на неё, а затем кнопку + (Создать новый скрипт). Копируем код целиком (в заголовке прописывается название и где и как оно применяется, поэтому опускать его не стоит) в появившее окно и сохраняем. По иконе расширения можно включать/включать скрипты, которые применяются на сайте (страницу после этого следует перезагрузить).

Также скрипты включать, выключать и редактировать можно в панели управления расширения — иконка расширения, затем символ шестерёнки.

P.S.

Дожились, не могу сделать скриншот выпадашки этого меню, потому что оно не скриншотится — на скрине чёрный блок вместо этой области 🤦

И вот за что я ещё не люблю современные интерфейсы: все эти нажми на плюсик, карандашик, шестерёнку… 🤪

Comments

[twilight_soul]

А что за смайлы ты используешь? У меня большая часть не отображается, хочу куда-нибудь закинуть, чтоб таки видеть Х))

[tennoseremel]

Юникодные. По идее, их сейчас поддерживают либо сами браузеры (несут с собой шрифты), либо шрифт идёт с ОС (в Windows есть что-то такое).

Но если их нет или в них не всё, ты можешь установить шрифт Symbola, там будет видно (я его и использую на самом деле; не нравятся браузерные). Хотя их внешний вид может отличаться от того, что поставят сами браузеры. Браузеры обычно цветные ставят, а в Symbola будет как обычный символ — одного цвета.

Правда сейчас по прямой ссылке шрифт недоступен, хотя он и бесплатный. Видимо потому что в марте новая версия (после выхода новой версии юникода). Могу скинуть на мыло, если в приватное сообщение скинешь.

[twilight_soul]

Странно. У меня symbola установлен Может не та разновидность...
Сейчас напишу. Спасибо!

[tennoseremel]

Может более старая версия? 🤔

[milva]

Спасибо!

[tennoseremel]

Будут баги — пишите :)

[milva]

Ага, я уже кинула комментарий со ссылкой на результат.
И меня лучше на ты называть :)

[tennoseremel]

Тут было в контексте обращения ко всем остальным в том числе, а так, я обычно на «ты» всегда)

[milva]

[tennoseremel]

Тоже перетащить старые смайлы что ли некоторые… 🤔

[milva]

А я вот отсюда смайлы копирую - http://e-lu.demiart.ru/emoticons/groups.html
Причем сделала у себя ссылку на эту страничку, чтобы были под рукой. Достаточно удобно, как мне кажется - в дайрах-то тоже приходилось лишние телодвижения делать, чтобы смайлы вставлять.

[tennoseremel]

milva, выглядит удобно :)

[milva]

Я попробовала, у меня вот такой пост получился - https://milva.dreamwidth.org/114776.html
Так все и должно быть? Пост скопировался, добавился URL-поста внизу. Но вот код в окошечке приобрел какой-то странный вид и я думала, что добавится твое имя типа "пишет tennoseremel" или что-то в этом духе, но не добавилось почему-то.
Я пользовалась Violentmonkey для хрома.

[tennoseremel]

Мой пост написан с включённой опцией «Disable auto-formatting», вероятно дело в этом (потому столько пустоты — там у меня энтеры, которые в этом режиме никак не отображаются, но в вывод-то попадают). textarea в стилях дневника не стилизован, нужно самим добавлять. Например:

.entry-content textarea { box-sizing: border-box; width: 100%; resize: vertical; min-height: 9em; padding: 4px 8px; background: #fff; color: #000; }

А вообще да, надо бы «пишет автор блабла» добавлять. Займусь к следующей версии.

Также ещё можно стилизовать сам blockquote. В моём оформлении какой-то стиль уже есть, например.

[milva]

Ага, кажется поняла. Кстати, только сейчас увидела, что вместе с кнопочкой "Цитировать" добавилась кнопочка "Копировать имя", так что имя сейчас сама допишу )))

Спасибо!

[tennoseremel]

milva, ну да. Видимо потому и вылетело из головы, что уже оно как бы есть :)

[tennoseremel]

@буквы сломались при репосте кода (textarea), и что-то с переводами строк, печаль. Интересно, в чём там дело. С первым-то понятно, оно думает, что это ник и пытается сделать из него ссылку 😆

[aena_alone]

tennoseremel, спасибо!

[tennoseremel]

:) на всякий случай повторюсь, что внешний вид (а точнее, количество пустоты между строками) может зависеть от того, писал автор пост в режиме «Disable auto-formatting» или нет. Что можно починить убрав переносы или параграфы руками. Но поскольку узнать нельзя, то автоматически это починить не получится.

[aena_alone]

tennoseremel, починить руками переносы — это уже тапочки.

[tennoseremel]

aena_alone, это да. Тем более что в текстовом редакторе обычно это можно сделать заменой довольно быстро, если поиск/замена поддерживают регулярные выражения.

[aena_alone]

tennoseremel, я привычная руками вышелушивать всякую муть))

Хорошо цитируется, красивенько.

[tennoseremel]

aena_alone, будем надеяться, что больше странной разметки в постах не вылезет. А то то wbr выскочит откуда не ждали, то километры ссылок на пользователя)