Formatação de postagem usando   para recuos de tabulação

Eu tinha recuos de tabulação para meus parágrafos usando 8         

Eles estavam funcionando até eu adicionar uma imagem centralizada usando este código:

O que estragou a formatação da postagem. Recuos de tabulação, alinhamento de parágrafo/imagem e um sublinhado rápido com CTRL+U, semelhante ao Microsoft Word, realmente tornariam a escrita de artigos rápidos muito menos dolorosa.

Estou procurando outras ferramentas de escrita que eu possa importar para o Discourse. Porque escrever uma postagem clara no estilo de artigo longo simplesmente não é viável.

Entendido, mas o Discourse não foi feito para escrever artigos. É um fórum, não um blog :thinking:
Em alguns fóruns do Discourse, os artigos são publicados em um blog WordPress dedicado que usa WP Discourse – WordPress plugin | WordPress.org.

Dito isso, você já deu uma olhada em Formatting toolbar e Composer Button Bonanza?

3 curtidas

Compreensível.

Wordpress é péssimo se você nunca o usou, eu o configurei para o meu blog agora e é simplesmente o aplicativo mais instável.

O Discourse poderia alcançar um público maior com alguns ajustes para escrever artigos. Já que a maioria das boas plataformas de escrita de blogs custa muito dinheiro por mês.

Escrever no X.com = $30 por mês.

O Tumblr limita os artigos a cerca de 40.000 caracteres.

O Blogger está desatualizado e carece de recursos (eu nem consigo copiar artigos em markdown que escrevi para lá).

Escrever bons artigos no Discourse é literalmente apenas uma indentação de aba + alinhamento de texto/imagens.

Eu também não quero afastar as pessoas do meu fórum. Eu quero mantê-las lendo dentro do fórum.

Mudar para o Wordpress não é ideal para as minhas necessidades.

Estou no processo de modificar o Discourse para poder usá-lo como ferramenta de blog.

1 curtida

            Isso funciona para mim. Além disso, por que você iria querer recuar? Quase ninguém usa recuo desde que documentos online e blocos de texto se tornaram comuns. O bloqueio de texto fica melhor e é o padrão contemporâneo para publicação online. O recuo parece estranho e há uma razão pela qual não é fácil de fazer em marcação.

3 curtidas

Esse código funciona até você adicionar outro código na postagem, aí ele quebra tudo. Se você quiser recriar, adicione   8 vezes para recuos de parágrafo e depois adicione o código acima. Isso altera a formatação em tudo.

A formatação de livro/manuscrito é definitivamente melhor do que este estilo de formato web, especialmente para ler artigos longos. Blocos são úteis quando há um ponto para eles.

Minha solução alternativa com o Tumblr era usar blocos e muitas fotos para quebrar os parágrafos. Já que ler muito texto sem recuos não é muito agradável.

isso não é o que sua postagem original dizia.

por favor, torne suas postagens mais claras se você quiser ajuda.

Eu recomendaria ler alguns dos tópicos de #documentação. Se você quer aprender a usar marcação, html e outra formatação permitida, este é um começo:

2 curtidas

Tudo o que adicionei à minha postagem

        
para criar o recuo dos parágrafos.

Então adicionei o código:

O que então estragou a formatação de toda a postagem.

Basicamente transformou todos os recuos de parágrafo em 4 espaços

Vou dar algumas dicas rápidas de formatação CSS que você pode usar para postagens no estilo de blog.

Você está fazendo a indentação errada. A maneira correta de fazer isso com CSS é assim (o padrão de indentação é 2ems):

Em common.scss

[data-theme-indent="indent"] {
    text-indent: 2em;
}

Na sua postagem:

<div data-theme-indent="indent">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
</div>

Além disso, se você quiser fazer alguma outra formatação com imagens e alinhamento:

Em common.scss:

[data-theme-image="left"] {
    float: left;
    img {
      margin: 0 1em 0 0;
      border-radius: 6px;  
    }
}

[data-theme-image="right"] {
    float: right;
    img {
      margin: 0em 0em 0em 1em;
      border-radius: 6px;
    }
}

Na sua postagem:


<div data-theme-image="left">

![image|330x314, 50%](upload://8zsmHfqxlU5IrqSywrinvyDfhOx.png)

</div>

resultado usando tudo acima:

2 curtidas

Aqui está algo que acabei de preparar. Isso adiciona botões à barra de ferramentas do compositor, incluindo recuo.

2 curtidas

Obrigado por isso, funciona bem.

A indentação, eu acho, está com um espaço a menos:

image

A linha de cima está usando sua indentação e a de baixo é &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Há alguma chance de adicionar um Sublinhado a este componente? Praticamente resolve tudo o que preciso, então sou grato por isso.

como diz a nota de rodapé, por favor, faça um fork dele e desenvolva por conta própria. Eu não tenho uso real para ele e só o criei para mostrar como fazer esse tipo de personalização você mesmo.