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

[tennoseremel]

1. Теперь оно пишет «Пишет имя_пользователя:» перед цитатой. Если цитата не выглядит визуально цитатой, то отстилизуйте blockquote в CSS.
2. Символ @ теперь экранируется при цитировании, т.к. если он остался в тексте, то это действительно просто символ, а не начало никнейма. Если этого не делать, DW развернёт это в простыню-ссылку на пользователя и всё сломает (а внутри textarea разворачивает в DW-код, который не превращается в ссылку).

Чем больше пишу, тем больше понимаю, что нативная функциональность репоста в самом DW была бы лучше, но что делать. Пользуемся тем, что есть.

// ==UserScript== // @name DreamWidth - custom actions // @author Tenno Seremel // @namespace tenno-seremel // @match https://*.dreamwidth.org/* // @version 1.2 // @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 get_user_name(post_or_comment) { let username = ''; let user_el = post_or_comment.querySelector('.poster > .ljuser'); if (user_el && user_el.hasAttribute('lj:user')) { username = user_el.getAttribute('lj:user'); } else { let hostname = document.location.hostname; username = hostname.substring(0, hostname.indexOf('.')); } return username; } function copy_user_name(ev) { ev.preventDefault(); let item = find_parent_by_rule(ev.currentTarget, '.comment, .entry'); if (item) { navigator.clipboard.writeText('<user name="' + get_user_name(item) + '">'); } } 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 fix_at_character(s) { return s.replace(/@/g, '&#64;'); } 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 = fix_at_character(result.innerHTML); result = "\n<blockquote>" + result + "</blockquote>\n"; result = '<p>Пишет <user name="' + get_user_name(item) + '">:</p>' + result; 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); }

P.S.

Если между строками при репосте много воздушного пространства, попробуйте поставить галку «Disable auto-formatting». При этом br'ки и параграфы не будут проставляться автоматически, поэтому если вы добавляете свой комментарий к цитируемому — проставьте к своему добавлению их вручную.

Традиционно, если скрипт не работает — откатывайтесь на предыдущую версию.

Comments

[karla90]

Может, сделать не кнопки, а ссылки и без наследования цвета? Так лучше впишутся в дизайн.

[tennoseremel]

karla90, это логически неправильно делать кнопки ссылками. Ссылку можно, например, открыть в новом окне, а кнопку — нет. Кнопка может выглядеть как ссылка, впрочем. И если это не так, значит этому мешают стили (ну или они кладутся только на ссылки). В общем, не знаю пока что с этим делать.