developit / developit/htm

Trimming newlines near elements

オープン
#253 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
9k
フォーク
181
PR マージ指標
30日以内にマージされた PR はありません

説明

When running the following code:
```javascript
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`


bold
regular
` );
```
I am getting the following object:
```javascript
{
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 ` ` (#234). I'd appreciate any comments on this.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Start by reproducing the JavaScript tagged-template example in the issue and inspect the returned children around the element. Read the related #234 reference for context on whitespace handling. Done means the formatted template preserves the intended separation between “bold” and “regular” without requiring  .

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。