Field type textarea live preview in the panel

In the panel, when using textarea with markdown, it could be helpful to have a live preview attached to the textarea, just to comfirm that the syntax is correct.

Some might not like this feature to be default. Here is a way to activate it (preview: true)

fields:
  text:
    label: Text
    type: textarea
    preview: true

I know it can be hard to convert the markdown to javascript but I think it could be good enough to do it with ajax, after a few keypresses. It will be some delay but you don’t have to switch back and forth to the frontend.

To make it an appropriate preview, Kirby would need to embed your CSS and layout from the template.

@DieserJonas created a visual Markdown editor as a Panel field, which is way more useful in my opinion.

3 Likes