investigate to use martor for markdown editing with a GUI and not the barebone editing.
Main work is to make a tailwind-based css for styling the widget.
class ModifiedPagedownWidget(MartorWidget):
class Media:
extend = False
css = {
'all': ('plugins/css/ace.min.css',
'plugins/css/resizable.min.css',
'martor/css/martor.bootstrap.min.css')
}
js = ('plugins/js/ace.js',
'plugins/js/mode-markdown.js',
'plugins/js/ext-language_tools.js',
'plugins/js/theme-github.js',
'plugins/js/typo.js',
'plugins/js/spellcheck.js',
'plugins/js/highlight.min.js',
'plugins/js/resizable.min.js',
'plugins/js/emojis.min.js',
'martor/js/martor.bootstrap.min.js')
investigate to use martor for markdown editing with a GUI and not the barebone editing.
https://github.com/agusmakmun/django-markdown-editor
Main work is to make a tailwind-based css for styling the widget.
we can use it like this: