@7span/nuxt-editorjs-renderer

SSR rendering of Editor.js blocks for Nuxt
880
Install
npm install @7span/nuxt-editorjs-renderer
Latest Version:0.2.12
Vue:3
License:MIT
Last Updated:Mar 6, 2025
Links: npm
Maintainer: theharsh

How to use

<!-- Provide blocks from editorjs -->
<EjRenderer :blocks="blocks" />

Slots

Use below slots to customize UI.

  • header
  • paragraph
  • delimiter
  • image
  • nestedlist
  • quote
  • code
  • table

Example

<EjRenderer>
  <template #code="{ value }">
    <custom-component :value="value" />
  </template>
</EjRenderer>
/* To override css,
className pattern is .ejr__block_name.
Example below
  */
.ejr__code {
  // custom css
}

Related Packages

@7span/nuxt-directus-blog

Components for rendering Nuxt Directus Blog

1,343

Version History

Version Released Vue License
0.2.12 ^3.0 MIT
0.2.11 ^3.0 MIT
0.2.10 ^3.0 MIT
0.2.9 ^3.0 MIT
0.2.8 ^3.0 MIT