Remark: slides incrementais com colunas esquerda/direita

Criado em 12 nov. 2017  ·  5Comentários  ·  Fonte: gnab/remark

Oi,

Estou curioso para saber se é possível obter slides incrementais trabalhando com a construção .left-column[] e .right-column[] destaque https://remarkjs.com . Agora, quando eu faço

layout: false
.left-column[
## My heading 1
]
.right-column[
First statement 

--

Second statement
]

Ele não renderiza os slides de forma incremental. eu poderia fazer algo como

layout: false
.left-column[
## My heading 1
]
.right-column[
First statement 
]
---
layout: false
.left-column[
## My heading 1
]
.right-column[
First statement 

Second statement
]

mas pretendo ter várias declarações e ter que mantê-las sincronizadas manualmente não é o ideal.

Obrigado pela ajuda!

-- PS: Sou um novo usuário de remark.js vindo de revelação.js, e a experiência até agora tem sido muito melhor. Obrigado pelo ótimo trabalho!

Comentários muito úteis

Por acaso você já tentou o seguinte?

layout: false
.left-column[
## My heading 1
]
.right-column[
First statement 
]
--
.right-column[
Second statement
]

Todos 5 comentários

Por acaso você já tentou o seguinte?

layout: false
.left-column[
## My heading 1
]
.right-column[
First statement 
]
--
.right-column[
Second statement
]

O que você tem em mente? 538 está fechado e está documentado aqui agora:
https://github.com/gnab/remark/wiki/HTML-CSS-JS-samples
Estou fechando o ticket por enquanto, sinta-se à vontade para reabrir/abrir um novo se não for bom o suficiente.

Eu posso fazer isso funcionar com a solução do @joel-porquet , embora pareça um pouco desajeitado. O trecho do "truque" mencionado acima é mais limpo e intuitivo, mas não consigo fazê-lo funcionar. Por exemplo,

# Title here

.left-column[

- Item 1
--

- Item 2
--

- Item 3
]

Em novembro de 2018, parece que isso não deve funcionar:

@floswald RemarkJS não examinará "dentro" de um div para conteúdo analisável como esse. Confira este problema em aberto com a possível solução nº 484

Portanto, a solução original neste tópico postado por @joel-porquet ainda é o caminho a seguir, não?

Um outro problema que noto é que há uma tonelada de espaços em branco entre First Statement e Second Statement ao usar

layout: false
.left-column[
## My heading 1
]
.right-column[
First statement 
]
--
.right-column[
Second statement
]

Isso realmente faz sentido, pois é essencialmente colocar vários div's em cima uns dos outros e deve haver espaço em branco entre os div's. Isso pode não ser um problema para duas ou três frases, mas começa a parecer estranho ao usar uma lista com marcadores de quatro ou cinco pontos, por exemplo.

Isso não funciona muito para mim. Tive que usar HTML e CSS

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

zmonoid picture zmonoid  ·  5Comentários

jklymak picture jklymak  ·  8Comentários

mikepqr picture mikepqr  ·  6Comentários

royfrancis picture royfrancis  ·  4Comentários

punkish picture punkish  ·  7Comentários