The plugin also comes with a visual element you can place in your Bubble app that display the contents of the editor with the proper formatting you would see in side-by-side editor preview.
Did you know?
The Bubble forums use Markdown and this post that youâre reading right now is written in the same syntax that Markdown Plus uses!
This plugin features Markdown styling the same as Githubâs Markdown styling. In addition, the plugin features a resizable and responsive design.
Whatâs next?
Going forward, my plan is to continue working on this plugin to create more value for you.
I do have my own ideas for how to continue building out functionality, but I want to ensure my efforts are aligned with what the Bubble community is needing and how this plugin can help solve your problems.
With that in mind, I would love to hear your thoughts, feedback, and suggestions.
If you have any questions, feel free to shoot me a message or reply in this thread below.
IMHO, the benchmark for all markdown editors is the Ghost blog platform (https://ghost.org/): a side by side view of MK to HTML, inline controls and great keyboard shortcuts.
Added a button to let you manually show/hide the side-by-side preview
Changed functionality of the auto-hiding of the side-by-side preview so that it can be set manually by the Bubble app creator. This provides much more flexibility to ensure the editor behaves how youâd want it to within your specific app and its use cases.
Added a new exposed state so you can fetch the editor contents converted into HTML. This lets you use the HTML output of the converted Markdown however you wish! More flexibility.
Side note: Iâve had a few people subscribe to the plugin but then unsubscribe shortly after. Iâm not sure if they found that the functionality wasnât what they were looking for, or something else. The lack of insight here makes it more challenging for me to ensure what Iâm creating is valuable or solving a problem for the Bubble app creator.
As always, Iâm always looking to work this plugin into the direction that most benefits the end users. Feel free to reach to me whenever!
Super cool plugin! But I canât save the text as html⊠I think thatâs why people unsubscribe⊠Would like to use this plugin but canât use it if I canât save the output of the editor.
And some extra fonts or custom fonts would be nice
Hey @eddy! Thanks so much for bringing this to my attention⊠Youâve been the first to reach out about this!
I just released a new version of this plugin where the two issues you described should be fixed now. I ran some testing on my side to verify this.
If you decide to try the plugin again, let me know if everything is okay!
In regards to custom fonts, I definitely have plans to have the overall visuals of the text shown in the Markdown Editor to be customizable. Iâve been swamped with other things these days so I havenât gotten around to it yet⊠I really appreciate the feedback!
Were you getting the exact same Can't find variable: easyMDE error? If so, your app might be (somehow) loading the plugin code of an old version.
easyMDE is referring to a variable in my code that I named, and in the fixed version, Iâve actually changed that variable name completely - So, if the issue still exists, it might just say Can't find variable: mde instead.
Also, the latest plugin version is 3.0.2 with my bug fixes.
Could you maybe provide a bit more context to how youâre using the plugin so I can try to reproduce the issues? Maybe @Bubble is possibly taking a bit of time to propagate out the new version?
Thanks for help and patience in this @eddy, I appreciate it!
Thanks for the details I wasnât able to reproduce the issue, but I did find some code that might be causing your issue. I released the new version now, so you can try seeing if the issue is still there after the plugin update (Ensure plugin is on v3.0.3).
Though, Iâm still curious why itâs only happening on this page Are you doing anything with the Markdown Editor in a workflow as you make it visible from the button click?
Was sorely needed for me, as Iâm pulling data in from an Airtable rich-text field (uses Markdown).
Paid and installed and works pretty nice, minus one glaring need. Styling? I canât change the fonts or size to anything that matches my site. I hope Iâm missing something but it seems from this thread I might not be. How can anyone possibly use this on a custom site with four font options and no other styling options like size? Is there a reason this doesnât just have the same options that a normal text box would? Apply a custom style or manual settings?
To be clear, Iâm referring to the viewer (not the editor). Personally donât need the editor (yet), would just like to apply styling at the viewer.
Appreciate some help here, would really like to pay long term for this.
Hey @ALB! Thanks for checking out the plugin and also taking the time to reach out.
Custom styling was something that I had on the map for future updates. Iâm sorry for the inconvenience that the functionality to customize styling is not available.
Unfortunately, Iâve had to shift a lot of my time + focus onto other priorities at the moment, so I canât say when Iâll get around to implementing that feature.
However, there is a way to add styling changes, although itâs a bit more complex. You can use specify custom CSS through custom header code located in Settings, under the SEO / metatags tab where it says âScript/meta tags in headerâ. In that text box, you can specify something like:
.markdown-body h1 {
color: blue;
}
to customize all h1 headers to have the text color blue. Essentially, as long as any HTML tag underneath markdown-body is selected, you can modify the style. This definitely requires some CSS knowledge, though itâs not too bad to pick up if necessary.
I understand this isnât the ideal answer you were looking for, but hopefully, this provides a solution of some kind that could get you the result you seek.