Hi there, I’m trying to preview the content of my custom blocks following the guide . So far displaying selected fields from the block works fine. The problem comes when the content of the block is another (nested) blocks field. I’ve come as far as to display the raw JSON of the (parent) blocks fiel…

I face exactly the same problem I figured you can get to the content of the nested block field with a computed value structure is also shown in the docs, but very limited example: [image] Blocks Kirby is the content management system that adapts to your projects like no other. …

More resources: [image] My first Panel view Create your first custom Panel view from scratch I guess reading the tutorial and digging more into vue is necessary

to strips tags, you have to use v-html directive: [image] Template Syntax — Vue.js Vue.js - The Progressive JavaScript Framework

Thanks for your help, @scsskid ! Indeed I had to take the computed value route to properly solve it. Here’s the code I ended up with. elements is my nexted blocks field, so the code basically loops through all the children of elements and adds their field text to a string (with HTML tags) to be used…

Does the job if you only need the content. As soon as you want to make it look good you need to check for the element’s type and write a lot of stuff. Something like content.elements.toBlocks whould be great!! Upvote here

Preview plugin for nested blocks

The CMS Questions

scsskid February 11, 2021, 5:36pm 6

great find!

Topic		Replies	Views
How to get nested blocks working in the panel Plugins	9	626	August 27, 2024
Custom Blocks Preview with nested Blocks Plugins v5	4	63	March 19, 2026
Custom block - blocks field preview in panel Questions v3	2	370	June 10, 2021
Hide HTML tags in panel preview of custom block Questions v3	2	684	February 19, 2021
Show nested blocks in layout field in Panel Questions v3	5	528	February 7, 2025

Preview plugin for nested blocks

Related topics