やりたいこと
react-native-webで作成したWebページに、"http://---.js" 形式ファイル を埋め込みたい
やってること
react-native-web, expo, firebase hostingを用いてWebページを作成しました。
そこにブログページも作ろうと思ってます。
ブログ記事の作成にはGoogleドキュメント、importDocを使おうとしています。
importDocについて
なるべくブログ記事作成作業を簡単に作成しようと思って調べて見つけたのが、importDoc でした。
自分のGoogleドキュメントで作成したドキュメントを、その見た目のまま、自分のWebページに埋め込むことができるというものです。
以下のブログでも使い方が紹介されています。
GoogleドキュメントでWebページを作成、公開できるOSS・「ImportDoc」
googleドキュメントからimportDocへ任意のドキュメントを取り込みます。
すると、以下htmlが出力されます。
<script src="https://unpkg.com/import-doc/dist/import-doc/import-doc.js"></script>
<import-doc data-id="---ドキュメントid---"></import-doc>
これを自分のブログの任意の箇所にコピペするだけ というものです。
やってみたこと
react nativeなので、htmlを使用する為にreact-native-render-htmlを使用しました。
適当なブログページを作成し、そこにimportDocから出力された上記htmlをコピペしました。が、何も表示されなかった。react-native-render-htmlの資料を読んで色々試したが実現できませんでした。StackOverflowで、jsファイルは埋め込めないという情報を見ましたがオフィシャルの資料じゃないのでよくわかってません。
教えてほしいこと
- react-nativeへのhtmlまたは、js形式ファイルの埋め込みについて
- importDocについて本件に役立ちそうな情報
確認済み
- importDocへのGoogleドキュメントの取り込みは正常(importDocアカウントページで確認)
- react-native-render-htmlのHTMLは正しく使えている。
その他
特にimportDocにこだわりはありません。
ただ、便利で面白そうなのでなんとか使ってみたいです。どうにも無理なら諦めます。目的はreact-native-webを使うことです。
コメントなんでも下さい。よろしくお願いします。