Hello,
I have a custom block, with a custom preview which uses the k-writer component.
I have the kirby-extended-writer plugin installed (GitHub - coralic/kirby-extended-writer: ✏️ Extended Writer supercharges Kirby's built-in Writer field with useful marks, nodes and features you wish were built-in), which works on the site when I use a writer field (it also loads when editing my custom block in the pop-up block editor on the left). However, the extended writer plugin is not loading when using the k-writer component within my custom block preview.
Any ideas on how I can get this to work? P.s The plugin uses the https://getkirby.com/docs/reference/plugins/ui/list-input ui component.
My custom block preview code:
panel.plugin("my/audioblock", {
blocks: {
audio: {
template: `
<div class="writerBox">
<div data-level="h2" class="k-block-type-heading-input">
<k-writer
:inline="true"
:nodes="false"
:marks="[]"
:value="content.heading"
class="k-block-type-text-input"
@input="update({ heading: $event })"
/>
</div>
<k-writer
ref="input"
type="writer"
:inline="content.text.inline"
:nodes="['h1','paragraph','smallerParagraph']"
:marks="['italic','link']"
:placeholder="content.text.placeholder"
:value="content.text"
class="k-block-type-text-input"
@input="update({ text: $event })"
/>
</div>
`
}
}
})