자바스크립트로 미리보기를 수정하는 방법?

이것은 지난 질문과 다소 관련이 있습니다. 하지만 새로운 질문이므로 새 토픽을 만들었습니다.

테마 컴포넌트에서 JavaScript를 사용하여 미리보기(게시글 작성 시 보이는 것)를 수정하는 가장 좋은 방법은 무엇인가요?

decorateCookedElement에서 DOM(쿡된 후)을 수정할 수 있다는 것은 알고 있습니다. 하지만 쿡된 게시글을 문자열(t.cooked)로 수정할 수 있는 addPostTransformCallback과 같은 기능이 있으면 좋겠습니다. 하지만 addPostTransformCallback은 미리보기가 업데이트될 때 호출되지 않습니다(게시글을 처음 편집용으로 열 때만 호출됨).

미리보기만 업데이트하시겠어요, 아니면 제출된 게시물의 모습에도 영향을 주시겠어요?

미리보기와 제출된 게시글을 모두 업데이트하고 싶어요 (다만 수정 사항을 저장하지는 않길 바라요 :slightly_smiling_face:).

decorateCookedElement를 사용해 DOM을 수정하면 너무 느려질까 봐 걱정됩니다. 하지만 실제로 그런지 확인하기 위해 몇 가지 테스트를 해봐야 할 것 같아요.

제출된 게시물은 서버에서 다시 처리(cooked)되므로, 수정이 작동하려면 테마 구성 요소가 아닌 플러그인이 필요합니다.

이 주제에 대한 내용은 이 게시물에서 다루고 있습니다: Repackaging a markdown-it extension as a Discourse plugin

감사합니다! 꼭 확인해 볼게요.