# Insertr Styling Test Examples

# Insertr Styling Preservation Test Examples

These examples test how well Insertr preserves styling during the markdown editing process.

### Example 1: Styled Strong Element

Tests preservation of class styling on bold elements. Original has "emph" class for red styling.

Hello world and welcome!

### Example 2: Styled Link Element

Tests preservation of link classes and styles. The "fancy" class adds purple color and bottom border.

Visit our about page for more info.

### Example 3: Mixed Content with Complex Attributes

Tests preservation of rel, target attributes and multiple styled elements.

Visit our site for amazing content!

### Example 4: Multiple Styled Elements

Tests handling of multiple different styled elements in one paragraph.

Welcome to Acme Corp where we create innovative solutions for modern businesses.

### Example 5: Button with Data Attributes

Tests preservation of button elements and data attributes for analytics.

Ready to start?
and begin your journey!

### Example 6: Complex Structure

Tests editing of a more complex structure with multiple elements. This might be too complex for markdown.

### Welcome Back!

Hello valued customer, ready to explore our new features?

### Example 7: Link with Multiple Attributes

Tests preservation of multiple attributes including id, class, and title.

Need help? Contact our support team anytime.

### Example 8: Dynamic Collection (.insertr-add)

Tests dynamic add/remove/reorder functionality. In edit mode, you should see "+ Add Item" button and item controls.

> Not all that is gold does glitter

Tolkien

> The journey of a thousand miles begins with one step

Lao Tzu

> Innovation distinguishes between a leader and a follower

Steve Jobs