# マークダウンレンダラー

## 開始する前に

* マークダウンの基本を知っていることを確認してください（<https://www.markdownguide.org/basic-syntax/>）。
* 利用可能なスタイリングオプションの完全な仕様は[こちら](https://github.com/iamacup/react-native-markdown-display#syntax-support)で見つけることができます。
* この機能を使用するには有料の Adalo プランは必要ありません

## 手順

{% tabs %}
{% tab title="シンプル" %}
**1.)** Adalo アプリ内で、左上隅にある大きなプラス記号<img src="/files/uv1ZczVUqOYQacjjl48E" alt="" data-size="line">をクリックします

**2.)** **マーケットプレイス**セクションまでスクロールし、**マーケットプレイスを探索**をクリックします

**3.)** コンポーネントリストで**Markdown Renderer**を見つけ、**インストール**をクリックします

**4.)** コンポーネントリストに戻り、検索バーに**Markdown Renderer**を入力し、Markdown Renderer コンポーネントを目的の画面にドラッグアンドドロップします

**5.)** **Markdown formatted Text**入力フィールドに、アプリに表示されるべきマークダウンテキストを入力できます。
{% endtab %}
{% endtabs %}

## 例

![](/files/qVrpYeFUOCQnPPmL7KT5)

## もっと詳しく知る

* [Magic Text](https://help.adalo.com/component-basics/inserting-dynamic-text) アイコンをクリックして、マジックテキストをレンダリングすることもできます。

## ヘルプ

この記事で追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿する際には、この記事へのリンクも貼り付けてください！


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/ja/component-basics/marketplace-components/markdown-renderer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
