You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
**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.
15
15
16
16
## My pain with displaying rich text in APEX
17
17
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.
19
19
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.
21
21
22
22
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.
23
23
24
24
## How does it work?
25
25
26
26
It is a region plug-in with three attributes.
27
27
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
+
28
33
### Template
29
34
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.
31
36
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.
33
38
34
39
```
35
40
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:
67
72
68
73
### Theme
69
74
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).
71
76
72
77
## Noteworthy Markdown Features
73
78
74
-
Next to the standard Markdown features, the plug-in supports:
79
+
In addition to the standard Markdown features, the plug-in supports:
75
80
76
81
- Tables (not yet supported by the `APEX_MARKDOWN` package)
77
82
- Code blocks with syntax highlighting for various languages
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).
153
160
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