Quick Reader for Pokepara

Remove <p>&nbsp;</p> from specific blog area on pokepara.jp

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey, το Greasemonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Userscripts για να εγκαταστήσετε αυτόν τον κώδικα.

You will need to install an extension such as Tampermonkey to install this script.

Θα χρειαστεί να εγκαταστήσετε μια επέκταση διαχείρισης κώδικα χρήστη για να εγκαταστήσετε αυτόν τον κώδικα.

(Έχω ήδη έναν διαχειριστή κώδικα χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Έχω ήδη έναν διαχειριστή στυλ χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

// ==UserScript==
// @name         Quick Reader for Pokepara
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Remove <p>&nbsp;</p> from specific blog area on pokepara.jp
// @author       Suniki
// @match        https://www.pokepara.jp/*
// @grant        none
// @license      GPL
// ==/UserScript==

(function () {
  "use strict";

  const targetSelector = "#galblog div.wrap div.blog";

  const applyShrinkStyle = (p) => {
    if (p.textContent.trim() === "") {
      p.style.lineHeight = "5%";
    }
  };

  const processParagraphs = (container) => {
    const paragraphs = container.querySelectorAll("p, div, span");
    paragraphs.forEach(applyShrinkStyle);
  };

  const initObserver = (targetNode) => {
    const observer = new MutationObserver((mutations) => {
      for (const mutation of mutations) {
        mutation.addedNodes.forEach((node) => {
          if (node.nodeType === Node.ELEMENT_NODE) {
            if (node.matches("p") || node.matches("div") || node.matches("span")) {
              applyShrinkStyle(node);
            } else if (node.querySelectorAll) {
              processParagraphs(node);
            }
          }
        });
      }
    });

    observer.observe(targetNode, {
      childList: true,
      subtree: true,
    });

    // 初期状態でも一度処理
    processParagraphs(targetNode);
  };

  const waitForTarget = () => {
    const el = document.querySelector(targetSelector);
    if (el) {
      initObserver(el);
    } else {
      // DOM にまだない場合は再試行
      const interval = setInterval(() => {
        const el = document.querySelector(targetSelector);
        if (el) {
          clearInterval(interval);
          initObserver(el);
        }
      }, 500);
    }
  };

  waitForTarget();
})();