外部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>