developit / developit/htm

Trimming newlines near elements

Aberta
#253 0 comentários 0 reações 0 responsáveis Ver no GitHub
Linguagem predominante
JavaScript
Estrelas
9k
Forks
181
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

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.

Guia de contribuição

Abrir o guia de contribuição

Direção de pesquisa

Comece reproduzindo o exemplo de tagged-template de JavaScript na issue e inspecione os children retornados ao redor do elemento . Leia a referência relacionada #234 para entender o contexto do tratamento de espaços em branco. Considera-se concluído quando o template formatado preserva a separação pretendida entre “negrito” e “normal” sem exigir  .

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript
Domínio
frontend
Tipo de issue
Funcionalidade
Dificuldade
4/5
Tempo estimado
3-5 dias
Status de atividade
Estagnada
Clareza
Razoavelmente clara
Facilidade para iniciantes
35/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.