SquibView - Bidirectional Editing Example

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

How to use:

  1. Try editing the content in source view and see it update in the rendered pane
  2. Switch to split view and edit text directly in the rendered pane
  3. Notice how changes in the rendered pane are synchronized back to the source
  4. Try making a table or list in the source and then editing it in the rendered view

Note: The HTML-to-Markdown conversion uses Turndown library which preserves most formatting but may not be perfect with complex elements.

Back to Examples