developit / htm

Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Trimming newlines near elements

kurumpa opened this issue · comments

When running the following code:

import htm from 'https://unpkg.com/htm?module'

function h(type, props, ...children) {
  return { type, props, children };
}

const html = htm.bind(h);

console.log( html`<div>
        <b>bold</b>
        regular
    </div>` );

I am getting the following object:

{
  type: 'div',
  props: null,
  children: [{type: 'b' /* , ... */}, 'regular']
}

The string have been auto-formatted but still seems to be a valid HTML code. Now I have implemented my own h() function as I'd like to compose the DOM elements in my way. However, I don't see any obvious way to split bold and regular elements with a space except for inserting &nbsp; (#234). I'd appreciate any comments on this.