Blocks plugin for text field and html

1

Hi,

I make this for a blocks plugin :

panel.plugin("me/chapeau-block", {
  blocks: {
    chapeau: `<k-writer
    ref="input"
    :nodes="false"
    :value="content.text"
    class="k-block-type-chapeau"
    @input="update({ text: $event })"
  />`
  }
});

After read this :
https://getkirby.com/docs/reference/plugins/extensions/blocks

panel.plugin("your-project/button-block", {
  blocks: {
    button: `
      <button type="button" @click="open">
        {{ content.text }}
      </button>
    `
  }
});

But the right panel looks like this, with html, how to remove this html ? What’s wrong ?

Capture d’écran 2021-02-19 à 14.53.53
Capture d’écran 2021-02-19 à 14.53.53798×468 3.52 KB

2

What is in your blueprint for this button element?

3

@bntwmrt, check out this response… I think it will head you in the right direction: Hide HTML tags in panel preview of custom block - #2 by thguenther

1 Like