Dream.phpとの連携



2023-11-12 00:51:53

1) Dream.phpの設置

[公式サイト]から「dream.php 最新版」「表示用JS」をダウンロードし、ZIP展開したファイルを
「(NPP設置ディレクトリ)/module/dream/」
の中に設置します。

(ダウンロード)




(ファイル配置イメージ)





2) NPPの設定変更

NPPの設定画面を開き、「記事の固定フッターHTML」に次のコードを記入します。
<script src="./module/dream/use-dreamphp.min.js" charset="UTF-8"></script>
<script> new dreamphp({}); </script>


3) 登録フォームの設置

・埋め込み型

NPPのトップページや記事内に次のHTMLを書き込みます。
<iframe src="./module/dream/dream.php?form" id="dreamform" ></iframe>
<script>
$("#dreamform").on("load", function() {
$(this).height(this.contentWindow.document.documentElement.scrollHeight);
});
</script>
※<script>~</script>の間に空の行を含めないようにご注意ください

・リンク型

NPPのトップページや記事等に次のリンクを記入し、登録フォームへのリンクを作成します。
<a href="./module/dream/dream.php?form" target="_blank">[登録フォーム]</a>

4) 小説本文の記入

小説本文にdream.phpの書式で置き換えたい名前を埋め込みます。
<span data-dreamphp="0">デフォルト苗字</span> <span data-dreamphp="1">デフォルト名前</span>

ご本家様情報

[dream.phpご本家]でも設置方法を説明いただいているので参照してください。

サンプル


[登録フォーム] あなたの名前は デフォルト苗字 デフォルト名前 です。
いいね!


- | -