Копирование имени при ответе и цитирование

[aena_alone]

Пишет 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 должно работать.

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

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

URL записи

Comments

[tennoseremel]

Судя по user name="name" в репостнутом коде это либо ты копируешь предыдущей версией скрипта, либо костыль не помог 🤣 Оно должно было замениться на &#64;.

[aena_alone]

Да нет, последней, у тебя из днева взяла.

[tennoseremel]

Странно. Когда я копирую, у меня такое не происходит 🤔 Хрень какая-то %)

Textarea

[tennoseremel]

Починить внешний вид textarea в своём блоге (в смысле ширину и высоту):

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

Re: Textarea

[aena_alone]

В смысле? Это куда конкретно залить?

Re: Textarea

[tennoseremel]

https://www.dreamwidth.org/customize/options — у меня там есть группа настроек Custom CSS. Не знаю, во всех это темах или нет так.