Difficulties in correctly adding external JavaScript

지원
4

분명히 내 검색 실력이 부족했던 것 같습니다. 이미 RefTagger에 대해 질문하는 기존 스레드가 있었고, 그 안에 동작하는 답변이 있었습니다.

decorateCooked()가 사용될 것이라는 제 추측은 정확했습니다. 위 링크된 스레드에 해결책을 게시해 주신 @david님께 감사드립니다! (이 오래된 해결책을 찾아서 알려준 @thwright님에게도 감사드립니다.)

테마 커스터마이징을 통해 </head>에 삽입할 코드와 RefTagger의 일부 구체적인 설정은 다음과 같습니다:

<script type="text/discourse-plugin" version="0.2">
window.refTagger = {
	settings: {
		bibleVersion: "NKJV",
		convertHyperlinks: false,		
		roundCorners: true,
		socialSharing: [],
		tagChapters: true
	}
};

let loadScript = require('discourse/lib/load-script').default;

api.decorateCooked($elem => {
    loadScript("//api.reftagger.com/v2/RefTagger.js").then(()=>{
        window.refTagger.tag($elem[0]);    
    })
});
</script>