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

[tennoseremel]

Костылестроение на марше. Перепиливаю юзерскрипт. Теперь он может копировать имя (в т.ч. из поста) и цитировать. В том смысле, что берётся HTML код поста или комментария, убираются ссылки на каты, его ошмётки и wbr. Затем оборачивается в blockquote и копируется в буфер обмена.

Развернуть каты невозможно, насколько я понимаю, так что если нужен полный текст, то нужно или сначала открыть каты или цитировать с полной страницы записи.

Код будет идентичным не тому, что набирал пользователь, а тому, что сгенерировал DW, очевидно. Не самый идеальный вариант и, возможно, на каких-то примерах (голосовалках? у платных они есть, но я пока не знаю как они выглядят) результат будет так себе, но как костыль сойдёт. По крайней мере не нужно всё руками ковырять.

// ==UserScript== // @name DreamWidth - custom actions // @author Tenno Seremel // @namespace tenno-seremel // @match https://*.dreamwidth.org/* // @version 1.0 // @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 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); navigator.clipboard.writeText("<blockquote>\n" + result.innerHTML + "\n</blockquote>\n"); } } } 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); }

Comments

[tennoseremel]

И тут же где-то что-то сломалось… 🤣

[tennoseremel]

Хотя нет, это же у меня на странице код 😆 Тогда, вроде, всё в порядке.

[milva]

А как этой штукой пользоваться? Ну, в смысле, что мне нужно сделать с этим кодом, чтобы он у меня заработал? Куда его надо добавить?

[tennoseremel]

В браузере поставить расширение для пользовательских скриптов (например, Violentmonkey) и в него добавлять.

А вообще, я скрипту пока прикручиваю ссылку на источник цитирования, так что можно не торопиться (сделаю отдельный пост).

[milva]

Спасибо :)
А когда будет отдельный пост, можно к нему заодно приделать маленькую инструкцию для тупых юзеров? Я это расширение, конечно, погуглю и поставлю, но не факт, что с первого раза получится все правильно сделать.

[tennoseremel]

Хорошо :)

// Пост, надеюсь, скоро будет. Если ничего не сломается пока буду прикручивать.

[twilight_soul]

Круто!

[tennoseremel]

Смотри обновлённый пост, с 1.1 :)