#userscript #Tampermonkey #виброкодинг #addons #типографика #ТакЛучше
Вот, кстати, по поводу вот этого скриншота: у меня стоял какой-то аддон для включения переносов, который делал «This extension consists of CSS hyphens code converted into javascript so pages are injected with hyphens». — И это не очень правильно, потому что попячивал и заголовки тоже. #ChatGPT предложил замену:
// ==UserScript==
// @name Smart Hyphenation by ChatGPT
// @namespace local
// @version 1.0
// @description Adds sane hyphenation to text content
// @match *://*/*
// @grant none
// @run-at document-start
// ==/UserScript==
(function () {
'use strict';
const style = document.createElement('style');
style.textContent = `
/* Основной текст */
p,
li,
blockquote,
article,
section,
div {
hyphens: auto !important;
-webkit-hyphens: auto !important;
overflow-wrap: break-word;
}
/* Не ломаем заголовки */
h1, h2, h3, h4, h5, h6 {
hyphens: manual !important;
-webkit-hyphens: manual !important;
}
/* Не трогаем интерфейс */
button,
input,
textarea,
select,
nav,
menu,
.menu,
.button,
.btn {
hyphens: manual !important;
-webkit-hyphens: manual !important;
}
/* Код и pre никогда не переносим */
code,
pre,
kbd,
samp {
hyphens: none !important;
-webkit-hyphens: none !important;
overflow-wrap: normal !important;
word-break: normal !important;
}
/* Таблицы часто ломаются */
table,
th,
td {
hyphens: manual !important;
-webkit-hyphens: manual !important;
}
`;
document.documentElement.appendChild(style);
})();
Пользовайтесь 😉







