Aloha, Blocks!

Inline Blocks inside editable

This is the Product Teaser Example: Try our new Big can of fresh Aloha soup (27 €), it tastes delicious!

Some other content here...

Stock Quote example: When you hover over the name of the Microsoft company, the stock quotes are shown.

Some more content...

Here follows the editable product teaser example: Try our new Big can of fresh Aloha soup (27 €) - which enables some great stuff.

"Block"-Element Blocks inside editable

Blocks can be embedded right inside an editable. "Block" element blocks are not very differen from inline element blocks. A simple example is the DefaultRenderer block type, which renders and stores the initial markup. Try copy and pasting or dragging it around!

DefaultRenderer

This is a default aloha block without special type, which uses the DefaultRenderer. It is not editable and embedded as a "block" element.

VCard block

This block is rendered with a template.

John Doe
Example Inc.
123 Example street
San Francisco, CA 12345 United States
555-555-5555

Block rendered with custom handles

Some stuff with custom handles. Hover over it to see the magic :-).

Inline blocks outside editable

This is the Product Teaser Example: Try our new Big can of fresh Aloha soup (27 €), it tastes delicious!

Some other content here...

Stock Quote example: When you hover over the name of the Microsoft company, the stock quotes are shown.

Some more content...

Here follows the editable product teaser example: Try our new Big can of fresh Aloha soup (27 €) - which enables some great stuff.

"Block"-Element Blocks outside editable

John Doe
Example Inc.
123 Example street
San Francisco, CA 12345 United States
555-555-5555
John Doe
Example Inc.
123 Example street
San Francisco, CA 12345 United States
555-555-5555

Some content

Some more content