☰

Samlib Reader

Делает самиздатовские текста более читабельными: смена фона на тёмный, смена шрифта на verdana, смена цвета текста на светлый, текст выровнен по ширине строки, добавлен автоматический перенос слов

当前为 2021-01-11 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name Samlib Reader
  3. // @description Делает самиздатовские текста более читабельными: смена фона на тёмный, смена шрифта на verdana, смена цвета текста на светлый, текст выровнен по ширине строки, добавлен автоматический перенос слов
  4. // @copyright 2019, Angens (https://openuserjs.org/users/angens)
  5. // @license MIT
  6. // @version 2.0.4
  7. // @match http://samlib.ru/*/*/*.shtml
  8. // @exclude http://samlib.ru/*/*/index*.shtml
  9. // @exclude http://samlib.ru/*/*/stat.shtml
  10. // @grant none
  11. // @namespace https://greasyfork.org/users/386214
  12. // ==/UserScript==
  13. //
  14. // ==OpenUserJS==
  15. // @author angens
  16. // ==/OpenUserJS==
  17.  
  18.  
  19.  
  20. function changer(){
  21.   
  22.   // Прописываем в тело возможность переноса слов
  23.   document.querySelector("body").setAttribute("lang", "ru");
  24.   document.querySelector("body").setAttribute("style", "-moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; white-space: unset;");
  25.   
  26.   /*
  27.    * Блок работы с описанием
  28.    */
  29.   
  30.   // Ищем комментарии на первом уровне тела
  31.   let numOfComments = 0;
  32.   let lastComment;
  33.   let bodyChildren = document.body.childNodes;
  34.   for (let i = 0; i < bodyChildren.length; i++){
  35.     let node = bodyChildren[i];
  36.     if (node.nodeType === 8){
  37.       numOfComments++;
  38.       lastComment = node;
  39.     }
  40.   }
  41.   
  42.   // Создаём блок описания
  43.   let description = document.createElement('div');
  44.   description.id = "SamLibReaderDescription"; 
  45.   
  46.   // Если комментарии начала и конца произведения дети body — сразу записываем всё под нижним комментарием в блок описания
  47.   if(numOfComments === 2){
  48.     while(lastComment.nextSibling){
  49.       description.append(lastComment.nextSibling);
  50.     }
  51.   }
  52.   
  53.   // Ищем комментарий описания и находить главный блок. Все последующие отправляем в блок описания
  54.   if(numOfComments === 1){
  55.     let treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_ALL, null, false);
  56.     
  57.     while (treeWalker.nextNode()){
  58.       if (treeWalker.currentNode.nodeType === 8){
  59.         if (treeWalker.currentNode.nodeValue == "-- Блок описания произведения (слева внизу) ---------------------"){
  60.           let node = treeWalker.currentNode.parentElement.parentElement.parentElement;
  61.           while(node.nextSibling){
  62.             description.append(node.nextSibling);
  63.           }
  64.           description.insertBefore(node, description.firstChild);
  65.         }
  66.       }
  67.     }
  68.   }
  69.     
  70.   
  71.   /*
  72.    *  Блок работы с текстом
  73.    */
  74.   // Блок работы с произведением
  75.   let nodes = document.querySelectorAll("dd, p");
  76.  
  77.   let new_element = document.createElement('div');
  78.  
  79.   new_element.id = "SamLibReader";
  80.   new_element.style.color = "wheat";
  81.   new_element.style.fontSize = "18px";
  82.   new_element.style.fontFamily = "verdana";
  83.   new_element.style.backgroundColor = "#212127";
  84.   new_element.style.paddingTop = "5%";
  85.   new_element.style.paddingLeft = "5%";
  86.   new_element.style.paddingRight = "5%";
  87.   new_element.style.marginLeft = "25%";
  88.   new_element.style.marginRight = "25%";
  89.   new_element.style.textAlign = "justify";
  90.   
  91.   if(nodes[0])
  92.     nodes[0].parentElement.insertBefore(new_element, nodes[0]);
  93.  
  94.   for (let i = 0; i < nodes.length; i++){
  95.     new_element.append(nodes[i]);
  96.   }
  97.   
  98.   document.body.append(description);
  99. }
  100.  
  101.  
  102. document.addEventListener("DOMContentLoaded", changer());