Skip to main content
わかりにくかったので説明を少し足しました。
ソース リンク

スクリプトの動的読込 は使えるんじゃないですか @BLUEPIXYさん

のコメントをヒントに、それらしい事が実現出来たので共有します。

外部スクリプトカスタムタグ本体のhtmlを非同期で読み込む事になるので、読み込みが終わる前にマウントしてしまわぬようriot.mount('*')window.onloadで行います。

カスタムタグ本体に<script type='riot/tag' src='tag-b.html'></script> を書く方法は、残念ながらまだみつかっていません。

代わりに、.jsファイルカスタムタグ毎に取り込み用jsファイルを追加しました。
tag-a.jsでは、上記のスクリプト動的読込を使って使い、カスタムタグ本体の
<script type='riot/tag' src='tag-a.html'>
および、内部で利用するカスタムタグtag-bの取り込みjs
<script type='text/javascript' src='tag-b.js'>
をbodyタグに追加します。
 

tag-b.jsでは、本体のtag-b.htmlと、その中で使うカスタムタグを取り込むためのtag-c1.js、tag-c2.jsをbodyに追加……といった具合で、、、あとはお察しいただけるかと。

あまりスマートな方法ではないものの、上手く機能します。
カスタムタグを配布する場合に役に立ちそうです。

もっといい方法が他に見つかったらぜひ教えてください。

スクリプトの動的読込 は使えるんじゃないですか @BLUEPIXYさん

のコメントをヒントに、それらしい事が実現出来たので共有します。

外部スクリプトを非同期で読み込む事になるので、riot.mount('*')window.onloadで行います。

カスタムタグ本体に<script type='riot/tag' src='tag-b.html'></script> を書く方法は、残念ながらまだみつかっていません。

代わりに、.jsファイルを追加しました。
tag-a.jsでは、上記のスクリプト動的読込を使って
<script type='riot/tag' src='tag-a.html'>
および、
<script type='text/javascript' src='tag-b.js'>
をbodyタグに追加します。
 あとはお察しいただけるかと。

あまりスマートな方法ではないものの、上手く機能します。
カスタムタグを配布する場合に役に立ちそうです。

もっといい方法が他に見つかったらぜひ教えてください。

スクリプトの動的読込 は使えるんじゃないですか @BLUEPIXYさん

のコメントをヒントに、それらしい事が実現出来たので共有します。

カスタムタグ本体のhtmlを非同期で読み込む事になるので、読み込みが終わる前にマウントしてしまわぬようriot.mount('*')window.onloadで行います。

カスタムタグ本体に<script type='riot/tag' src='tag-b.html'></script> を書く方法は、残念ながらまだみつかっていません。

代わりに、カスタムタグ毎に取り込み用jsファイルを追加しました。
tag-a.jsでは、上記のスクリプト動的読込を使い、カスタムタグ本体の
<script type='riot/tag' src='tag-a.html'>
および、内部で利用するカスタムタグtag-bの取り込みjs
<script type='text/javascript' src='tag-b.js'>
をbodyタグに追加します。

tag-b.jsでは、本体のtag-b.htmlと、その中で使うカスタムタグを取り込むためのtag-c1.js、tag-c2.jsをbodyに追加……といった具合で、、、あとはお察しいただけるかと。

あまりスマートな方法ではないものの、上手く機能します。
カスタムタグを配布する場合に役に立ちそうです。

もっといい方法が他に見つかったらぜひ教えてください。

ソース リンク

スクリプトの動的読込 は使えるんじゃないですか @BLUEPIXYさん

のコメントをヒントに、それらしい事が実現出来たので共有します。

外部スクリプトを非同期で読み込む事になるので、riot.mount('*')window.onloadで行います。

カスタムタグ本体に<script type='riot/tag' src='tag-b.html'></script> を書く方法は、残念ながらまだみつかっていません。

代わりに、.jsファイルを追加しました。
tag-a.jsでは、上記のスクリプト動的読込を使って
<script type='riot/tag' src='tag-a.html'>
および、
<script type='text/javascript' src='tag-b.js'>
をbodyタグに追加します。
あとは…お察しいただけるかと。

あまりスマートな方法ではないものの、上手く機能します。
カスタムタグを配布する場合に役に立ちそうです。

もっといい方法が他に見つかったらぜひ教えてください。