Hi @MuditJain
This article demonstrates the use of HTMLify's embedding API to show code snippets on the Devloprr platform with IFrames, this is a simple Haskel program taken from Writing Your First Haskell Program by @dhanush
The HTML used for adding this is just:
<iframe src="https://htmlify.artizote.com/api/embed?id=5131" style="width:100%;height:8cm;max-height:fit-content;display:block;"></iframe>
styling is just optional, using only
<iframe src="https://htmlify.artizote.com/api/embed?id=5131"></iframe>will also work. formatting depends on you.
in the snipped window, the Raw, Copy and Download buttons are functional, and it's possible to hide those buttons and/or branding or the entire ribbon by passing some arguments in the API URL For example here is the above snippet but without the footer
The code used for this snippet:
<iframe src="https://htmlify.artizote.com/api/embed?id=5131&footer=false" style="width:100%;"></iframe>
HTMLify is also capable of hosting and rendering HTML but this feature may not align here, people may use that to do some unexpected things, maybe they use HTML for advertising.. or something else, but still here is an example
I am not asking to add this feature but just showing that this is also possible,
To add the UI you can simply add an "Insert Code Snippet" button in the edit menu when the user clicks it a pop will appear for writing code or uploading code file, and then it will push the code to a backend API of devloprr from where it will push to HTMLify by authenticating through HTMLify API Key, the HTMLify API will return the id of that code file by which embed code can be constructed and added to the post, it is important to ask for file extension from the user so HTMLify can figure out which language is it.
I can also demonstrate that step but it requires some backend stuff else my API will exposed so I don't...
So that's it, now Mudit and the Devloprr community give your opinions on HTMLify integration on the Devloprr platform.