In this post we will explore how to add an markdown editor in APEX. To know more about markdown editor and it's advantages please visit https://daringfireball.net/projects/markdown/ site or search in google.
I am using an APEX collection to store the text entered in markdown editor, you can choose a table too.
Create a classic report on the table/collection where you are going to store the text. Change template to "Alert" under Attributes property. You can choose any other template of your choice.
On the same page add a static region with a item of type "Markdown Editor".
Add a button to the same region and add an "Execute PL/SQL Code" dynamic action on click event to save the entered text in above item to a table/collection.
Then add another true action to refresh the classic report.
Before running the application one more important step you need to complete of adding the javascript file for converting markdown text to html in the above classic report.
Click on "Edit Application Properties". Navigate to "User Interface" tab, edit "Desktop" properties under "User Interfaces" section. In JavaScript tab add "#MARKDOWN_URL#" in "File URLs" field in a new line.
Now, run the page and enter markdown formated text and submit to see it in html format in classic report.
Here is a demo. Please use demo/Demo@2019 to login into the application.
I am using an APEX collection to store the text entered in markdown editor, you can choose a table too.
Create a classic report on the table/collection where you are going to store the text. Change template to "Alert" under Attributes property. You can choose any other template of your choice.
On the same page add a static region with a item of type "Markdown Editor".
Add a button to the same region and add an "Execute PL/SQL Code" dynamic action on click event to save the entered text in above item to a table/collection.
Then add another true action to refresh the classic report.
Before running the application one more important step you need to complete of adding the javascript file for converting markdown text to html in the above classic report.
Click on "Edit Application Properties". Navigate to "User Interface" tab, edit "Desktop" properties under "User Interfaces" section. In JavaScript tab add "#MARKDOWN_URL#" in "File URLs" field in a new line.
Now, run the page and enter markdown formated text and submit to see it in html format in classic report.
Here is a demo. Please use demo/Demo@2019 to login into the application.
This comment has been removed by a blog administrator.
ReplyDelete