やりたいこと
react-native-webで作成した自分のWebページに、"http://--------.js" 形式ファイル を埋め込みたい
やってること
react-native-web, expo, firebase hostingを用いてWebページを作成しました。
そこにブログページも作ろうと思ってます。
ブログ記事の作成にはGoogleドキュメント、importDocを使おうとしています。
importDocについて
なるべくブログ記事作成作業を簡単に作成しようと思って調べて見つけたのが、importDoc でした。
自分のGoogleドキュメントで作成したドキュメントを、
その見た目のまま、自分のWebページに埋め込むことができるというものです。
googleドキュメントからimportDocへ任意のドキュメントを取り込みます。
すると、以下画像の様にhtmlが出力されます。
コード全体は以下の通りです。
html
1<script src="https://unpkg.com/import-doc/dist/import-doc/import-doc.js"></script> 2<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を使うことです。使えないと分かればimportDocは使いません。
コメントなんでも下さい。よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。