# DiscPage: 静的ページを作成し、テキストにディスカッションバブルを挿入するプラグイン

**URL:** https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841
**Category:** Plugin
**Tags:** deprecated
**Created:** [2019 年 12 月 22 日午後 8:23 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841 "2019-12-22T20:23:32Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Benjamin\_D](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benjamin_d/32/277831_2.png) [@Benjamin\_D](https://meta.discourse.org/u/Benjamin_D)
#### Post date: [2021 年 2 月 18 日午前 6:04 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/42 "2021-02-18T06:04:25Z")

</div>

こんにちは、Syl さん。

以前から存在していたのか、意図的なものなのかはわかりませんが、Discpage カテゴリの親カテゴリにある「新規トピック」ボタンが無効になっていることに気づきました。おそらくここですね：

> <https://github.com/sylque/discpage/blob/b6da51a6d706d9b52864017ebffe25e13c7894fd/assets/javascripts/discourse/lib/lib.js.es6#L53-L54>

これは意図した動作でしょうか？[castafiore.org](http://castafiore.org) ではそのようなことはないようです（私は [2aac657da7](https://github.com/discourse/discourse/commits/2aac657da7906804e4799bb2e1e35f982391dc87) と最新の discpage を使用しています）。奇妙なことに、バルーンカテゴリが非表示になった記憶はないのですが（それでも「新規トピック」ボタンは無効になっています）。私には、それぞれが独立したカテゴリにある Discpage/バルーンカテゴリの組み合わせが 2 つあります。

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2021 年 2 月 18 日午前 8:40 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/45 "2021-02-18T08:40:28Z")

</div>

@Benjamin_D さん、ありがとうございます。

> [@Benjamin\_D](#):
>
> バルーンカテゴリの親カテゴリにある「新しいトピック」ボタンが無効になっていることに気づきました。

バグのようですが、詳しく調査します。

> [@Benjamin\_D](#):
>
> 奇妙なことに、バルーンカテゴリが非表示になった記憶はありません（ただし「新しいトピック」ボタンも無効になっています）。

DiscPage は、ユーザーが手動でバルーンカテゴリを使用しないように最善を尽くしています。その理由は、バルーンカテゴリはユーザーがバルーン内で新しいトピックを作成した際に、DiscPage によって自動的に適用されることを想定しているためです。

このルールを強制するために：

1. DiscPage は「新しいトピック」ダイアログのカテゴリコンボボックスからバルーンカテゴリを非表示にします。
2. DiscPage はバルーンカテゴリページ上の「新しいトピック」ボタンを無効にします。

ご確認いただきたいのは、これがご認識の状況と一致するかということです。

---

<div class="post-metadata">

### Author: ![Benjamin\_D](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benjamin_d/32/277831_2.png) [@Benjamin\_D](https://meta.discourse.org/u/Benjamin_D)
#### Post date: [2021 年 2 月 18 日午前 9:12 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/46 "2021-02-18T09:12:47Z")

</div>

> [@syl](#):
>
> これが表示されていることを確認できますか？

👍 はい、確認できます  
また、新しいトピックのダイアログで親カテゴリがコンボボックスから非表示になっていないことも確認できます。

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2021 年 2 月 18 日午前 10:40 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/47 "2021-02-18T10:40:36Z")

</div>

この問題は v1.0.46 で修正されました（詳細は[こちら](https://github.com/sylque/discpage/issues/24)をご覧ください）。

---

<div class="post-metadata">

### Author: ![nplanchon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nplanchon/32/249566_2.png) [@nplanchon](https://meta.discourse.org/u/nplanchon)
#### Post date: [2022 年 2 月 3 日午前 12:07 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/48 "2022-02-03T00:07:51Z")

</div>

混乱しており、いくつかガイダンスを求めています。スタンダードアカウントを持っており、このプラグインをそのアカウントレベルにインストールできるか疑問に思っています。プラグインオプションがあるページにリストされていません。

何が足りないのでしょうか？  
利用できるようにするには、ビジネスアカウントにアップグレードする必要がありますか？

ご連絡をお待ちしております。ありがとうございます。  
ニール

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2022 年 2 月 3 日午前 9:09 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/49 "2022-02-03T09:09:54Z")

</div>

ニール様

Discourseのホスティングプランについてはあまり詳しくないので、Discourseのチームに問い合わせるのが良いかもしれません。

[こちら](http://www.discourse.org/plugins)で読んだ限りでは、StandardホスティングプランでDiscPageを使用することはできないと思います。プラグインのインストールが許可されるには、Entrepriseホスティングプラン（またはセルフホストのDiscourseインスタンス）が必要だと理解しています。

よろしくお願いいたします。

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2022 年 9 月 13 日午前 8:47 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/50 "2022-09-13T08:47:33Z")

</div>

GitHub の [Discussion Balloons の追加方法](https://github.com/sylque/discpage#adding-discussion-balloons-to-a-static-page) の使用方法が少し誤解を招くものでした…

Readme には次のように書かれています… (そして、これらの指示に従っても、バルーンは表示されませんでした)…

```plaintext
バルーンを追加するには、トピックテキストに [dpgb id=myBalloonId][/dpgb] を追加します。

例：

## Introduction [dpgb id=intro][/dpgb]

バルーン ID には [a-zA-z_] のみを含める必要があります。

```

しかし、以下の点を発見し、バルーンが表示されるようになりました…

バルーンを追加するには、トピックエディタで、フォーマットは次のようになります…

[dpgb id=myballoonid] **_バルーンがクリックされたときにハイライト表示され、ユーザーがコメントするセクションは、これらのタグの間に配置します_** [/dpgb]

例：

**[dpgb id=intro]** Introduction **[/dpgb]**

また、ID には [**a-z**] ( **小文字のみ** ) のみを含める必要があります。

以下の例では、**[dpgb=id]** と **[/dpgb]** の前後に余分なスペースがあっても問題ないことに気づくかもしれません。

* * *

そのため、Discourse のトピックエディタに挿入した内容のサンプルを以下に示します…

 ![Screenshot 2022-09-13 023621](https://global.discourse-cdn.com/meta/original/4X/1/3/a/13af9866b79c9b10a52bdd819df0866212fad754.png)

そして、結果のページは次のようになります…

 ![Screenshot 2022-09-13 024640](https://global.discourse-cdn.com/meta/original/4X/c/1/c/c1c3840d70b375b76256d7e217e4f2e5613dd9aa.png)

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2022 年 9 月 13 日午前 10:20 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/51 "2022-09-13T10:20:23Z")

</div>

**うーん…オレンジの風船をクリックすると、ページは半分にスライドしますが、「右パネル」の** + New Topic **ボタンをクリックすると…**

 ![Screenshot 2022-09-13 041249](https://global.discourse-cdn.com/meta/original/4X/e/e/8/ee83c5c0caddaf0231d9cc5e13cd2903dd31ee1a.png)

 ![Screenshot 2022-09-13 040422-arrow](https://global.discourse-cdn.com/meta/original/4X/c/4/3/c432817e10d5ce8ff0f338527ab133b5268f1991.jpeg)

**…トピックエディタが下からスライドアップするので、それを使ってトピックを書いています…**

 ![Screenshot 2022-09-13 041532](https://global.discourse-cdn.com/meta/original/4X/f/9/0/f9088fadb87bcb2684c71a59ddd578bfc063d49a.jpeg)

**…しかし、保存した後、それは「Page Topic」に接続されておらず、右パネルにはまだトピックリストがありません…**

 ![Screenshot 2022-09-13 040422](https://global.discourse-cdn.com/meta/original/4X/0/7/2/072490c32cfcc883349870d63f0d1336b65dfe90.jpeg)

**ここで何が起こっているのか（または起こるべきことが起こっていないのか）について、何か考えはありますか？**

ライブページはこちらです：

[https://noobish.me/t/chapter-1-in-the-beginning/255](https://noobish.me/t/chapter-1-in-the-beginning/255)

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2022 年 9 月 13 日午前 10:37 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/52 "2022-09-13T10:37:50Z")

</div>

@denvergeeks ありがとうございます。本日中に確認します。

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2022 年 9 月 13 日午後 3:36 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/54 "2022-09-13T15:36:51Z")

</div>

ここに4つの問題があります。

1. 見出しの末尾に `[dpgb id=myBalloonId][/dpgb]` を挿入しても（見出しとそれに続く段落を選択するため、[こちら](https://github.com/sylque/discpage#adding-discussion-balloons-to-a-static-page)で説明されているように）機能しなくなりました。この問題については[こちら](https://github.com/sylque/discpage/issues/29)で追跡します。

2. テキストを囲むように `[dpgb id=myBalloonId]ここにテキスト[/dpgb]` を配置しても（そのテキストのみを選択するため）文書化されていません。この問題については[こちら](https://github.com/sylque/discpage/issues/29)で追跡します。

3. _IDには[**a-z**]（ **小文字のみ** ）のみを含める必要があります_

4. @denvergeeks、トピックの作成が機能しないという別の問題を説明しています。これを再現できないため、さらにやり取りが必要です。別のGithubの問題を作成してください。

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2022 年 9 月 13 日午後 6:33 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/55 "2022-09-13T18:33:12Z")

</div>

@syl ありがとうございます。ご回答に感謝いたします 🤓 。まだここにいらっしゃると知って嬉しいです！

[DiscPage Github Issues Cue](https://github.com/sylque/discpage/issues) で引き続き対応します…

> **[sylque/discpage](https://github.com/sylque/discpage/issues)**
>
> A Discourse plugin to create static pages and attach discussions to headings - sylque/discpage

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2022 年 9 月 14 日午後 5:41 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/56 "2022-09-14T17:41:27Z")

</div>

@syl様、DiscPage v1.0.52以降、すべて正常に動作するようになりました!!! (このプラグインが大好きです 🤓 )

---

<div class="post-metadata">

### Author: ![cmdntd](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cmdntd/32/192008_2.png) [@cmdntd](https://meta.discourse.org/u/cmdntd)
#### Post date: [2023 年 9 月 11 日午前 4:55 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/57 "2023-09-11T04:55:07Z")

</div>

新しいデモには行けません

```plaintext
502 Bad Gateway

```

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2023 年 9 月 11 日午前 8:25 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/58 "2023-09-11T08:25:26Z")

</div>

ありがとうございます。確認します。

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2023 年 9 月 11 日午後 3:35 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/59 "2023-09-11T15:35:51Z")

</div>

デモがオンラインに戻りました（リンク：[https://www.castafiore.org/t/discpage-demo/79）。](https://www.castafiore.org/t/discpage-demo/79%EF%BC%89%E3%80%82)

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2023 年 10 月 3 日午後 10:43 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/60 "2023-10-03T22:43:20Z")

</div>

何か見落としているに違いない…

オレンジ色の風船をクリックすると、関連するトピックリストが右からスライドインしてきますが、オレンジ色の風船に関連付けられたテキスト部分にコメントを作成するボタンが見つかりません。

 ![Screenshot 2023-10-03 164028](https://global.discourse-cdn.com/meta/original/4X/9/7/e/97e373fb2da4e394cd7aaf139eade5df9cc6c381.png)

Githubのページにあるセットアップ手順を綿密に実行しました。

適切なセキュリティ設定がすべて施された **ページ** カテゴリがあります…

 ![Screenshot 2023-10-03 162238](https://global.discourse-cdn.com/meta/original/4X/6/1/d/61d80054d998cee7eebdca3e6ebd7ad1786546e5.png)

アドバイスをお願いします！

**編集:** この問題を見つけた他の人（そして私の将来の自分）のために – 下記のテーマコンポーネントが原因でした。

> [@New Topic Header Button](https://meta.discourse.org/t/new-topic-button-on-all-pages-theme-component/84551):
>
> discourse2Summary New Topic Header Button adds a convenient ‘New Topic’ button to the header of all pageseyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/new-topic-header-button)hammer_and_wrenchRepository [https://github.com/discourse/discourse-new-topic-button-theme-component](https://github.com/discourse/discourse-new-topic-button-theme-component)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features A simple theme comp…

このテーマコンポーネントを無効にしたところ…新しいトピックを作成するボタンが表示され、すべてが期待どおりに機能しました 😃

 ![Screenshot 2023-10-03 163908](https://global.discourse-cdn.com/meta/original/4X/4/0/1/40132df1fa8bf216d9e35001f0c7a3baa83e87c5.png)

 ![Screenshot 2023-10-03 163227](https://global.discourse-cdn.com/meta/original/4X/6/7/8/6782e52197530138aaa2ca3350d061a34397be4c.png)

さらに2点…

1. デフォルトのDiscourseテーマ以外のテーマでは、奇妙で使いにくいレイアウトになる可能性があるため、これらの種の誤動作が見られる場合は、デフォルトのテーマを使用してみてください。

2. ナビゲーションメニューの設定でサイドバーメニューが有効になっている場合、そのサイドバーメニューがコメントのスライドイン内に表示され、ユーザーを混乱させるだけなので、これを防ぐためにヘッダードロップダウンまたはレガシーのいずれかを使用する必要がありました。（または、サイトでサイドメニューナビゲーションを使用し、DiscPageカテゴリではCSSを使用して非表示にすることもできます。）

---

<div class="post-metadata">

### Author: ![Hifihedgehog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hifihedgehog/32/140207_2.png) [@Hifihedgehog](https://meta.discourse.org/u/Hifihedgehog)
#### Post date: [2023 年 10 月 11 日午後 6:02 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/61 "2023-10-11T18:02:10Z")

</div>

バグレポート。このプラグインを有効にすると、奇妙なレンダリングの異常が発生します。

[https://forum.tabletpc.review/t/flickering-pages-new-rendering-issue/1550/13?u=hifihedgehog](https://forum.tabletpc.review/t/flickering-pages-new-rendering-issue/1550/13?u=hifihedgehog)

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2023 年 10 月 11 日午後 8:26 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/62 "2023-10-11T20:26:23Z")

</div>

@Hifihedgehog さん、ご報告ありがとうございます。確認いたします。

---

<div class="post-metadata">

### Author: ![syl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/syl/32/98883_2.png) [@syl](https://meta.discourse.org/u/syl)
#### Post date: [2023 年 10 月 12 日午後 8:35 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/63 "2023-10-12T20:35:22Z")

</div>

@Hifihedgehog 様

問題について議論するためのエントリを作成しました。

> <https://github.com/sylque/discpage/issues/37>
>
> The issue is described here:
> https://forum.tabletpc.review/t/flickering-pages-n…ew-rendering-issue
> 
> There's a video here:
> https://www.youtube.com/shorts/e2tmPtBdy78
> 
> Not to self: it happens on a "non DiscPage" page.

まだ問題を再現できていません。しかし、プラグインの新しいバージョン（1.0.53）を公開しました。これは、Discourseの最新バージョンにおける他のレイアウトの問題を修正したものです。この新しいバージョンをインストールして、問題がまだ存在するかどうか教えていただけますでしょうか？  
よろしくお願いします。

---

<div class="post-metadata">

### Author: ![Hifihedgehog](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hifihedgehog/32/140207_2.png) [@Hifihedgehog](https://meta.discourse.org/u/Hifihedgehog)
#### Post date: [2023 年 10 月 13 日午前 4:05 UTC](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841/64 "2023-10-13T04:05:08Z")

</div>

試してみました。バグはまだ残っています。Surface Pro 8でポートレートモードで、トピックの下部近くで発生します。

[前のページ](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841.md?page=2)

[次のページ](https://meta.discourse.org/t/discpage-a-plugin-to-create-static-pages-and-insert-discussion-balloons-in-the-text/136841.md?page=4)
