# ポータルに表示する内容の出し分けについて
**URL:** https://community.cybozu.dev/t/topic/5189
**Category:** kintone 開発相談
**Created:** [2021 年 8 月 19 日午前 2:26 UTC](https://community.cybozu.dev/t/topic/5189 "2021-08-19T02:26:07Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@Legacy\_Account2747](https://community.cybozu.dev/u/Legacy_Account2747)
#### Post date: [2021 年 8 月 19 日午前 2:26 UTC](https://community.cybozu.dev/t/topic/5189/1 "2021-08-19T02:26:07Z")
お世話になります。
下記ページを参考に、組織ごとにお知らせの出し分けはできましたが
お知らせだけでなく、通知・スペース・アプリも含めてポータル全体を出し分けたいと考えています。
[https://developer.cybozu.io/hc/ja/articles/360034429352-%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E5%86%85%E5%AE%B9%E3%82%92%E7%B5%84%E7%B9%94%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E5%87%BA%E3%81%97%E5%88%86%E3%81%91%E3%82%88%E3%81%86-kintone%E3%81%AE%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E7%B4%B9%E4%BB%8B-2-](https://developer.cybozu.io/hc/ja/articles/360034429352-%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%81%AB%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E5%86%85%E5%AE%B9%E3%82%92%E7%B5%84%E7%B9%94%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E5%87%BA%E3%81%97%E5%88%86%E3%81%91%E3%82%88%E3%81%86-kintone%E3%81%AE%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E7%B4%B9%E4%BB%8B-2-)
良い実装方法がございましたらご教示いただけますと幸いです。
※当方、htmlとcssへの理解はございますが、jsやAPIの知識はほとんどございません。
何卒宜しくお願い致します。
---
### Author:  [@Legacy\_Account980](https://community.cybozu.dev/u/Legacy_Account980)
#### Post date: [2021 年 8 月 23 日午前 1:50 UTC](https://community.cybozu.dev/t/topic/5189/2 "2021-08-23T01:50:16Z")
こんにちは！
そういったカスタマイズを実際にしてないので想像ですが
ご提示のURLの、２．を参考にすれば良いと思います。
###
2.リッチエディターの内容をポータルに表示
以下の部分で、1で得られたリッチエディターの内容を表示する場所を取得しています。
今回はHTMLにIDを追加し、そのIDを使って、表示する場所を取得しています。
| | // 表示される場所のIDを指定 |
| | const NOTI\_AREA\_ID = ‘noti\_area’; |
| | |
| | const notiElArea = document.getElementById(NOTI\_AREA\_ID); |
Copyクリップボードにコピーしました
リッチエディターのvalueにはstyleが書かれたhtmlが格納されているので、そのhtmlをそのまま表示させています。
| | const renderNotiContent = function(content) { |
| | notiElArea.innerHTML = content; |
| | }; |
**HTMLにIDを追加し、そのIDを使って、表示する場所を取得**
ということなので、通知、スペース、アプリについてもIDを追加して同じようにやるとよいのではないでしょうか？？
---
### Author:  [@Legacy\_Account2747](https://community.cybozu.dev/u/Legacy_Account2747)
#### Post date: [2021 年 8 月 23 日午前 7:20 UTC](https://community.cybozu.dev/t/topic/5189/3 "2021-08-23T07:20:45Z")
juridon様
ご返信ありがとうございます。
IDを追加してhtmlを表示させるとのこと、承知いたしました。
初歩的な質問で恐縮ですが、htmlへのID追加方法をご教示いただけないでしょうか。
度々お手数ですがよろしくお願いいたします。
---
### Author:  [@Legacy\_Account980](https://community.cybozu.dev/u/Legacy_Account980)
#### Post date: [2021 年 8 月 23 日午前 8:20 UTC](https://community.cybozu.dev/t/topic/5189/4 "2021-08-23T08:20:17Z")
Kintone Portal Designerを使っておられると思いますが、
↓こちらのページの「デザインを変更する」
[https://developer.cybozu.io/hc/ja/articles/360030856652](https://developer.cybozu.io/hc/ja/articles/360030856652)
HTMLタブでHTMLを変更することができます。
そこで、通知、スペース、アプリのエリアのタグ内に id="space\_area"などのid要素を手書きで追加すれば良いと思います。
※もし、お使いのテンプレート内に通知、スペース、アプリのエリアのタグが無いという場合は、
お知らせエリアのタグをコピーペーストして、通知、スペース、アプリ用に書き換えると良いと思います。
---
### Author:  [@Legacy\_Account2747](https://community.cybozu.dev/u/Legacy_Account2747)
#### Post date: [2021 年 8 月 23 日午前 8:53 UTC](https://community.cybozu.dev/t/topic/5189/5 "2021-08-23T08:53:45Z")
ご丁寧に回答ありがとうございました。
ご教示いただいた内容にて対応したいと思います。
大変助かりました！