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