I am trying to extend the render of the htmlSerializer so I can add additional dynamic params/props to the rendered HTML. I am using Nuxt/Vue. Can you help?

@tgalpin , you can extend the functionality of the HTML Serializer by making your HTML Serializer a closure. That is, make it a function that returns an HTML Serializer function. This will allow you to pass whatever you need to your HTML Serializer. In this case you can pass your starting number. Th…

I am using the <prismic-rich-text /> Vue component to render Ordered Lists (via Vue.js).\ I used this rather than $prismic.asText() because I want the content writers to have control of text hightlighting, e.g. ‘bold,’ text labels, etc… And I didn’t want to rewrite the prismic logic to do this mys…

If I understand correctly, you’ll want to add a html serialiser function. You’re currently defaulting to the prismic one, which is what generates the HTML. You can see more info in the docs here (I’ve just linked the JS version - the logic is the same). So you could have something like this: func…

Thank you for the response. I was able to create another htmlSerializer, following your above pattern and the one outlined here: https://prismic.io/docs/vuejs/beyond-the-api/html-serializer Unfortunately, because the htmlSerializer, and how it is used, is defined in the node module, as I copy and…

I’d work like this. Create this file here in your components, and import this instead of using the default <prismic-rich-text /> element. I’ve added in an additional params prop, and created a small html serialiser from your <ol> specification. Note that you don’t have to use the Elements.oList, t…

That was it! Thank you Levi. I don’t know why I didn’t think of it. :smiley:

Extend htmlSerializer to add additional params

Developing with Prismic

marcellothearcane May 15, 2020, 6:31am 2

What additional info would you like? Please could you give us some examples?

Topic		Replies	Views
@nuxtjs/prismic v4 - changes to the rich-text-serializer Developing with Prismic nuxtjs , slice-machine , vuejs	10	190	February 20, 2025
htmlSerializer doesn't seem to do anything Developing with Prismic nextjs	21	2289	July 23, 2021
[request] htmlSerializer for Gatsby Developing with Prismic gatsby	1	498	January 20, 2022
Prismic Rich Text Field limitations Developing with Prismic reactjs	6	2491	April 15, 2021
Get Type of Document in HTML Serializer Developing with Prismic nuxtjs	2	664	January 25, 2021

Extend htmlSerializer to add additional params

Related topics