Make inline tags inline-block

Fixes #61
slab · Aug 20, 2014 · 2b747c8 · 2b747c8
1 parent 1bf6c57
commit 2b747c8
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/core/renderer.coffee b/src/core/renderer.coffee
@@ -33,13 +33,21 @@ DEFAULT_STYLES =
   '.editor-container ol'         : { 'margin': '0 0 0 2em', 'padding': '0', 'list-style-type': 'decimal' }
   '.editor-container ul'         : { 'margin': '0 0 0 2em', 'padding': '0', 'list-style-type': 'disc' }
 
+# Make inline tags inline-block
+tags = _.reduce(Normalizer.TAGS, (tags, tag) ->
+  tags.push(".editor-container #{tag.toLowerCase()}") unless dom.BLOCK_TAGS[tag]? or dom.VOID_TAGS[tag]?
+  return tags
+, [])
+DEFAULT_STYLES[tags.join(', ')] = { 'display': 'inline-block' }
+
 LIST_STYLES = ['decimal', 'lower-alpha', 'lower-roman']
 rule = '.editor-container ol > li'
 _.each([1..9], (i) ->
   rule += ' > ol'
   DEFAULT_STYLES[rule] = { 'list-style-type': LIST_STYLES[i%3] }
   rule += ' > li'
 )
+
 DEFAULT_STYLES[dom.DEFAULT_BREAK_TAG] = { 'display': 'none' } if dom.isIE(10)