recipes icon indicating copy to clipboard operation
recipes copied to clipboard

Advanced Markdown Editor

Open vabene1111 opened this issue 1 year ago • 2 comments

improve the markdown editor to provide

  • [ ] autocomplete for template tags
  • [ ] highlighting for templated variables
  • [ ] proper server rendered preview
  • [ ] no strange UI glitches as the current one has
  • [ ] less library bloat

One idea played around already is to use codemirror but everything needs to be implemented manually. Some Markdown editors/things based on code mirror are

  • https://github.com/code-farmer-i/vue-markdown-editor
  • https://codesandbox.io/p/sandbox/codemirror-toolbar-demo-6yoekb?file=%2Fsrc%2FApp.js%3A21%2C7
  • https://github.com/madeyoga/chunchunmaru-mde/tree/master/src

vabene1111 avatar Feb 20 '24 19:02 vabene1111

It also would be nice if

  • ingredients of the recipe could be formated/highlighted bold automatically
  • variables in the Markdown text are available. So when you have a recipe where you need 200 g flour first and 60 g later, but you only want to eat 1 instead of 2 portions that in the text it adapts to "add 100g flour" ... 2nd Step: "add 30 g flour".

Felix2M avatar May 08 '24 21:05 Felix2M

  • ingredients of the recipe could be formated/highlighted bold automatically you can bold manually - attempting to detect ingredients would be prone to high error rates and isn't worth the effort.
  • variables in the Markdown text are available. So when you have a recipe where you need 200 g flour first and 60 g later, but you only want to eat 1 instead of 2 portions that in the text it adapts to "add 100g flour" ... 2nd Step: "add 30 g flour". You can already do this.

smilerz avatar May 08 '24 21:05 smilerz