Skip to content

Commit e15bf89

Browse files
committed
improved phrasing
1 parent c344015 commit e15bf89

File tree

2 files changed

+17
-10
lines changed

2 files changed

+17
-10
lines changed
60.1 KB
Loading

content/blogposts/apex-reactive-markdown-plugin/index.mdx

Lines changed: 17 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: >
33
Oracle APEX Reactive Markdown Plug-in #JoelKallmanDay
4-
date: 2025-10-05
4+
date: 2025-10-15
55
description: Display rich Markdown in Oracle APEX that reacts to changes of referenced page items.
66
slug: apex-reactive-markdown-plugin
77
titleImage: ./apex-md-side-by-side.png
@@ -11,25 +11,30 @@ tags: ['APEX', 'User-Interfaces']
1111
ghCommentsIssueId: 112
1212
---
1313

14-
**TL;DR**: I created a plug-in that renders Markdown in APEX and reacts to changes of referenced page items.
14+
**TL;DR**: I created a plug-in that renders Markdown in APEX and reacts to changes of referenced page items. [Click here](#demo-and-download) for demo and download links.
1515

1616
## My pain with displaying rich text in APEX
1717

18-
Most of our applications probably lack context of what the app does. To solve this we can create a static content region, change the template and put some HTML in there. Easy but as I am used to Markdown writing a lot `<p>`, `<li>`, or `<b>` tags is a bit tedious.
18+
Most of our applications probably don't provide clear context or help text explaining their functionality. To solve this we can create a static content region, change the template and put some HTML in there. Easy, but as I am used to Markdown, writing a lot `<p>`, `<li>`, or `<b>` tags is a bit tedious.
1919

20-
For my [Practical AI in PL/SQL Made Easy](https://youtube.com/live/k4Vt7AKXCnM) webinar I wanted to display the JSON response of the AI nicely formatted in a region. Additionally the JSON gets generated from an dynamic action without any submits so it needs to update automatically.
20+
For my [Practical AI in PL/SQL Made Easy](https://youtube.com/live/k4Vt7AKXCnM) webinar I wanted to display the JSON response of the AI nicely formatted in a region. Additionally the JSON gets generated from a dynamic action without any submits so it needs to update automatically.
2121

2222
At that point I thought "probably possible with native APEX but too difficult". So I decided to put my pain to rest and build a plug-in that solves this.
2323

2424
## How does it work?
2525

2626
It is a region plug-in with three attributes.
2727

28+
<BlogImg
29+
filename="apex-md-attributes.png"
30+
alt="Screenshot of the attributes section of an instance of the plug-in. There are three attributes: Template, Reactivity Mode, and Theme."
31+
/>
32+
2833
### Template
2934

30-
In the template attribute you can define what Markdown template should actually be rendered.
35+
In the template attribute you can define what Markdown template should be rendered.
3136

32-
So you can directly write Markdown into the attribute or reference a page item that contains some value. During rendering the plug-in will evaluate all values of the referenced page items.
37+
You can directly write Markdown into the attribute or reference a page item that contains some value. During rendering the plug-in will evaluate all values of the referenced page items.
3338

3439
```
3540
Hello! My name is `:P3050_NAME`. I am **:P3050_AGE** years old. I live in :P3050_CITY.
@@ -67,11 +72,11 @@ This is how it behaves in the input mode:
6772

6873
### Theme
6974

70-
The plug-in uses the GitHub Markdown CSS styles per default. There is a light and dark theme variant. Additionally I built a Universal Theme variant that uses your APEX theme colors. Under the hood it uses the [APEX CSS variables](https://youtu.be/TT6uIz_8Qlk).
75+
The plug-in uses the GitHub Markdown CSS styles by default. There are light and dark theme variants. Additionally I built a Universal Theme variant that uses your APEX theme colors. Under the hood it uses the [APEX CSS variables](https://youtu.be/TT6uIz_8Qlk).
7176

7277
## Noteworthy Markdown Features
7378

74-
Next to the standard Markdown features, the plug-in supports:
79+
In addition to the standard Markdown features, the plug-in supports:
7580

7681
- Tables (not yet supported by the `APEX_MARKDOWN` package)
7782
- Code blocks with syntax highlighting for various languages
@@ -149,6 +154,8 @@ $$ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
149154

150155
## Demo and Download
151156

152-
You can try out the plug-in in our United Codes [Community Plug-Ins Sample App](https://www.united-codes.com/ords/r/pip/pluginspro_free/reactive-markdown).
157+
You can try out the plug-in in our United Codes [Community Plug-Ins Sample App](https://www.united-codes.com/ords/r/pip/pluginspro_free/reactive-markdown). We have 31 other free community plug-ins there as well.
158+
159+
You can download the plug-in for free from [apex.world](https://apex.world/ords/r/apex_world/apex-world/my-plug-in-details?p730_plg_int_name=UNITEDCODES_REACTIVE_MARKDOWN) or [from our Plug-Ins-Pro website](https://www.united-codes.com/products/plug-ins-pro/?plugin=reactive-markdown).
153160

154-
You can download the plug-in for free from [apex.world](https://www.united-codes.com/ords/r/pip/pluginspro_free/reactive-markdown).
161+
The plug-in works with any version of APEX 19.2 and higher.

0 commit comments

Comments
 (0)