Adicionando CSS à prévia do editor

Continuando a discussão de Listas ordenadas com marcadores não numéricos:

Citações de outro tópico para contexto.


O que estou perguntando neste tópico é: existe alguma maneira de adicionar CSS personalizado que também seja aplicado à visualização do editor?

2 curtidas

Eu descobri sozinho. A solução é usar a classe CSS .d-editor-preview como seletor.

.cooked, .d-editor-preview {
  div[data-wrap="letterlist"] {
    ul, ol {
      list-style-type: upper-alpha;
    }
  }
}
3 curtidas

É assim que se faz. O anterior era específico para a publicação, como ela é exibida no feed, você estendeu para que também se aplicasse à área de visualização, então essa é realmente a solução correta.

2 curtidas

Obrigado, Falco.

1 curtida

@Falco, se eu quisesse estilizar de forma diferente as camadas mais aninhadas de listas, seria um nível aninhado adicional de ol?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.