게시글 내 문자열 대체/자동 서식 설정 방법

개발
1

안녕하세요, 저는 디스커스에 처음 온 사용자이며 사이트를 개설한 상태입니다. 커뮤니티의 상당수가 필요로 하는 핵심 기능을 구현하는 방법을 알아내려 하고 있습니다.

사용자들은 게임 상태를 나타내는 마법 문자열을 내보낼 수 있는 소프트웨어를 가지고 있으며, 저는 해당 문자열에서 테이블을 생성하여 그 상태를 깔끔하게 렌더링(페이지 로드 시)하고 싶습니다.

이상적으로는 사용자가 게시물을 작성할 때 템플릿을 제공하거나, 마법 문자열을 특정 이름의 클래스 안에 넣는 방식으로, 페이지 로드 시 문자열이 자동으로 렌더링(꾸며지도록)되도록 하는 것입니다.

이것이 가능한가요? 현재 저는 해당 유형의 모든 요소/클래스의 문자열을 파싱하는 스크립트를 작성해야 할 것 같다고 생각하고 있지만, 표시되는(조리된?) 게시물을 수정하도록 스크립트를 실행하는 방법과 시점을 파악하는 데 어려움을 겪고 있습니다.

감사합니다.
브렛

2

네, 가능할 것 같습니다. 쿠킹된 포스트를 꾸밀 수 있는 API가 있습니다.
예를 들어: decorateCookedElement

원하시는 결과를 시각적으로 보여줄 수 있는 예시를 공유해 주시겠어요?

3

아마도 나만의 스타일을 만들 수 있습니다.

4

좋습니다! decorateCookedElement이 제가 필요로 하던 것인 것 같습니다 (@Arkshine의 참고 사항에 따라).

또한 관심 있는 요소를 필터링하는 데 유용한 예제가 포함된 이 게시물도 찾았습니다:
How do we fire scripts after topic HTML is rendered in DOM? - dev - Discourse Meta

특히 아래 코드가 매우 도움이 되었습니다:

$.fn.doSomething = function() {
  const targetElement = $(this).children("[data-theme-test]").length;
  if (!targetElement) return;

  // do your work
  
  return this;
};

api.decorateCooked($elem => $elem.doSomething(), { onlyStream: true });

감사합니다!