Interactive Playground

Try djot-php directly in your browser. This playground uses the live sandbox API to convert Djot markup using the actual PHP library.

Profile: No filterFullArticleCommentMinimal

Autolink External Links Heading Permalinks Mentions Smart Quotes Semantic Span Table of Contents Default Attributes

Djot Input

# Welcome to Djot This is a _live playground_ for *djot-php*. Try editing this text to see the output change! ## Features - Emphasis with _underscores_ - Strong with *asterisks* - Links like [djot.net](https://djot.net) ## Code Example ``` php $converter = new DjotConverter(); echo $converter->convert($djot); ``` > Djot is a lightweight markup language > with clean, unambiguous syntax. | Feature | Djot | Markdown | |---------|------|----------| | Emphasis | `_text_` | `*text*` | | Strong | `*text*` | `**text**` |

Output

How It Works

The playground sends your Djot input to the sandbox API, which processes it using djot-php and returns the HTML output. This means you're testing with the real library, not a JavaScript approximation.

Features to Try

Basic Formatting

_emphasis_ and *strong* and _*both*_

H~2~O for subscript, 2^10^ for superscript

{=highlighted=} and {+inserted+} and {-deleted-}

Links and Images

[Link text](https://example.com)

![Alt text](https://via.placeholder.com/150)

Code Blocks

``` php
$converter = new DjotConverter();
echo $converter->convert($djot);
```

Tables

| Name    | Role       |
|---------|------------|
| Alice   | Developer  |
| Bob     | Designer   |

Extensions

Enable extensions above to try features like:

• Autolink: Automatically link URLs like https://example.com
• Smart Quotes: Convert "quotes" to "curly quotes"
• Table of Contents: Generate a TOC from headings
• Mentions: Convert @username to profile links

More Resources

• Full Syntax Reference
• Extensions Documentation
• Full Sandbox with more options