Rich Text

Generates

A Rich Text component

Credits

Currently implemented in part using TinyMCE

References

Tips & Notes

• By default the TinyMCE JS loads from https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.2.0/tinymce.min.js. Use customAttribute.scriptSrc if you wish to override that.

let options: BuilderOptions = {
  formDefinition: [],
  componentOptions: [
    {
      componentName: "RichText",
      customAttribute: {
        scriptSrc: "...custom-tinymce.min.js",
      },
    },
  ],
};

• Use customAttribute.conf to pass in any of the custom configurations listed in https://www.tiny.cloud/docs/integrations/svelte/

• All event handlers come through customAttribute.customEvents

let options: BuilderOptions = {
  formDefinition: [],
  componentOptions: [
    {
      componentName: "RichText",
      customAttribute: {
        conf: {
          branding: false,
        },
        customEvents: {
          init: (e: Event, editor: Editor) => {},
        },
      },
    },
  ],
};

Demo