WYSIWYG Renderer

<script setup>
import WysiwygRenderer from '@contentveda/ui/vue/WysiwygRenderer.vue';
import '@contentveda/ui/theme.css';

// html comes from your CMS API response
const html = '<h2>Autumn Collection</h2><p>Experience premium craftsmanship.</p>';
</script>

<template>
  <WysiwygRenderer :content="html" />
</template>

<script lang="ts">
  import WysiwygRenderer from '@contentveda/ui/svelte/WysiwygRenderer.svelte';
  const html = '<h2>Hello</h2><p>World</p>';
</script>

<WysiwygRenderer content={html} />

import WysiwygRenderer from '@contentveda/ui/solid/WysiwygRenderer';
import '@contentveda/ui/theme.css';

// html comes from your CMS API response
const html = `<h2>Autumn Collection</h2><p>Experience premium craftsmanship.</p>`;

export default function Example() {
  return (
    <WysiwygRenderer content={html} />
  );
}

import { Component } from '@angular/core';
import { WysiwygRendererModule } from '@contentveda/ui/angular/WysiwygRenderer';

@Component({
  selector: 'app-example',
  standalone: true,
  imports: [WysiwygRendererModule],
  template: `
    <wysiwyg-renderer [content]="html"></wysiwyg-renderer>
  `
})
export class ExampleComponent {
  html = '<h2>Autumn Collection</h2><p>Experience premium craftsmanship.</p>';
}

<script type="module"
  src="node_modules/@contentveda/ui/dist/webcomponent/dist/WysiwygRenderer.js"></script>

<cv-wysiwyg-renderer
  content="<h2>Hello</h2><p>World</p>"
></cv-wysiwyg-renderer>