Ember.JS homepage

URL copied to clipboard

# Limber Editor

**glimdown** //  _Ember or Glimmer  rendered with markdown_

<p class="hidden sm:block">
  Select demos from the menu in the header or write your own custom content and share it with others! ❤️
</p>

**NOTE:** to tab out of the editor, first press the escape key.

## Template only content

List of links:
<ul>
  {{#each (array
    (hash href='https://emberjs.com' text='Ember home page')
    (hash href='https://github.com/nullvoxpopuli' text='My GitHub')
    (hash href='https://twitter.com/nullvoxpopuli' text='My Twitter')
  ) as |site|}}
    <li>
      <a href={{site.href}} target="_blank">{{site.text}}</a>
    </li>
  {{/each}}
</ul>

[1]: https://github.com/glimmerjs/glimmer-experimental/tree/master/packages/examples/playground
[2]: https://github.com/ember-template-imports/ember-template-imports
[3]: https://github.com/NullVoxPopuli/limber/issues/14

Help

The editor has 3 modes

gjs / <template> - to learn more about this format, see The Tutorial
glimdown (glimmer + markdown) - this is the default and is great for writing documentation / demos / etc.
hbs - just a template

When in markdown / glimdown mode, code fences can be used to live-render components via metadata tags as well as render the code snippet the live code comes from.

```{language} {...metadata}
code
```

live - renders in place
live preview - renders in place, placing the source after the live render
live preview below - renders in place, placing the live render below the source

The only language tags that are supported in markdown / glimdown are hbs and gjs with gjs being the most useful.

```gjs live
<template>
  code
</template>
```

For any issues / questions, please file an issue here .