SquibView Examples

These examples demonstrate how to use SquibView in your projects.

Basic Usage as Module

This example demonstrates how to create a basic SquibView Live Editor using ESM module import

View Example ESM

Basic Usage as UMD

This example demonstrates how to create a basic SquibView Live Editor using UMD script tags

View Example UMD

Basic Usage using standalone UMD

This example demonstrates how to create a basic SquibView Live Editor using UMD script but with dependancies bundled in to SquibView

View Example Standalone Bundle (UMD)

Basic Usage using standalone CSV

This example demonstrates how to render a CSV table with SquibView. Note that comma, space, tab, and semicolon separators are supported ("csv", "ssv", "tsv", "semisv" types)

View Example CSV Example

Plugin System

This example demonstrates how to extend SquibView with custom renderers and operations using the new plugin architecture.

View Plugin System Example

Bidirectional Editing

This example demonstrates the new bidirectional editing feature, which allows you to edit content in both the source and rendered views.

View Bidirectional Editing Example