Как выполнить код после рендеринга страницы

Разработка
1

Я хочу убрать скобки из span.category-topics--posts-count (отображается через GitHub - discourse/discourse-right-sidebar-blocks · GitHub). Я пытаюсь использовать вызов api.onPageChange(), но не получаю никаких countSpans. Думаю, это происходит потому, что код выполняется раньше, чем другой компонент темы добавит их на страницу.

Что мне можно сделать? :crying_cat:


  api.onPageChange(() => {
    console.log("страница изменена");

    const countSpans = document.querySelectorAll(
      "span.category-topics--posts-count"
    );
    console.log("спаны", countSpans);
    countSpans.forEach((span) => {
      const currentText = span.textContent.trim();
      const newText = currentText.replace(/[()]/g, "");
      span.textContent = newText;
      const number = parseInt(newText);
      if (isNaN(number)) {
        span.style.padding = "0px";
      } else if (number < 10) {
        span.style.padding = "0px";
      } else {
        span.style.padding = "0px 3px";
      }
    });
  });
});
2

Я не думаю, что это сработает.

Вы должны выполнить эти действия через CSS или в цикле выполнения Ember.

Что мешает вам форкнуть этот компонент, настроить его под себя под другим именем, загрузить отдельный компонент темы и затем добавить его по имени в RSB?

3

В основном лень. И когда я начинал, планировалось, что это будет просто небольшой CSS, который, скорее всего, будет статичным, и им не придётся поддерживать форк, но да, сейчас, очевидно, глупо не форкнуть его.
Спасибо