A quick lightnight talk describing the motivation behind Bustle's sponsorship and our creation of Mobiledoc, the portable editor and format.

1. Mobiledoc
EmberFest 2016
Cory Forsyth @bantic

2. This is a bold word.
This is a <b>bold</b> word.

3. This is a bold word.
<b>
This is a
bold
word.
</b>
<b>
<span style=’font-weight: normal’>
This is a
</span>
bold
<span style=’font-weight: normal’>
word.
</span>
</b>

4. tag soup

8. ● Documented, unambiguous, terse data structure
● Versioned
● Supports runtime, dynamic “cards” and “atoms” — i.e., Ember Components
● Portable, and fast to render as HTML
Mobiledoc format

11. {{mobiledoc-editor
on-change=(action 'mobiledocWasUpdated')
will-create-editor=(action 'willCreateEditor')
did-create-editor=(action 'didCreateEditor')
}}
{{render-mobiledoc mobiledoc=mobiledoc}}
● mobiledoc-kit core
● ember-mobiledoc-editor addon
● ember-mobiledoc-dom-renderer addon
● also:
○ elixir HTML email renderer (thanks Gabor!)
○ React Mobiledoc Editor (thanks Upworthy!)

14. ● Author once, render/publish anywhere (HTML/DOM, text, AMP, FB Instant, iOS, …)
● Avoids lock-in
● Structured output with support for custom rich content
● Programmatic editing API
● OSS — shared solutions to common problems (Upworthy: React wrapper)
● Sponsored by Bustle
http://github.com/bustlelabs/mobiledoc-kit