1

Tenho uma textarea que recebera um texto. A aplicação de estilo será minima, por isso não queria utilizar algum editor como o CKEditor, por exemplo. Acredito que a forma mais fácil de trabalhar é aplicar um estilo ao item pós /n

Estarei recebendo um texto como o abaixo:

inserir a descrição da imagem aqui

Gostaria que ficasse assim:

inserir a descrição da imagem aqui

4

1 Resposta 1

3

Você pode estar utilizando o CSS ::first-line Selector

Exemplo:

div::first-line {
        font-weight: bold;
    }
    <div>
    Lorem ipsum dolor sit amet,consectetur adipiscing elit. <br />
    Vestibulum erat velit, aliquet at mattis a, tristique ac mauris. <br />
    Quisque et neque quis lectus consequat ornare ut eu augue. <br />
    Praesent sapien massa, <br />
    </div>

    <div>
    Faucibus sed viverra a, ultrices eget velit. <br />
    Aliquam euismod ante eu est tempor posuere. <br />
    Duis semper sodales ligula, et lacinia libero iaculis ac. <br />
    Duis at elementum diam. Sed lectus justo, <br />
    Malesuada eget scelerisque vitae, ullamcorper eget enim. <br />
    Nulla vitae turpis luctus, consectetur velit non, mattis lorem. <br />
    </div>

Supondo que o texto com os \n, esteja assim:

    Lorem ipsum dolor sit amet,consectetur adipiscing elit. \n
    Vestibulum erat velit, aliquet at mattis a, tristique ac mauris. \n
    Quisque et neque quis lectus consequat ornare ut eu augue. \n
    Praesent sapien massa, \n \n
    Faucibus sed viverra a, ultrices eget velit.\n
    Aliquam euismod ante eu est tempor posuere. \n
    Duis semper sodales ligula, et lacinia libero iaculis ac.\n
    Duis at elementum diam. Sed lectus justo, \n
    Malesuada eget scelerisque vitae, ullamcorper eget enim.\n
    Nulla vitae turpis luctus, consectetur velit non, mattis lorem.\n

Você terá que tratar os \n.

if(!String.IsNullOrEmpty(texto)){
     texto = texto.Insert(0, "<div>");
     texto = texto.Replace("\n \n", "</div><div>");
     texto = texto.Insert(texto.Length, "</div>");
     texto = texto.Replace("\n", "<br />");
}

Exemplo

3
  • O problema é que eu vou estar recebendo um bloco de texto, vindo da minha textarea. O meu texto não estará dentro de uma div e sim abaixo de um /n Commented 26/01/2015 às 17:09
  • @RafaelBarbosa, fiz uma edição Commented 26/01/2015 às 17:27
  • Não funcionou dando replace em dois \n, mas funcionou da seguinte forma: Descricao = Descricao.Replace(System.Environment.NewLine + System.Environment.NewLine, "</div><div>"); Commented 26/01/2015 às 17:56

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .