Como posso formatar textos em um textarea com BBCode?
Tipo, criar um mini editor de texto com atalhos para parágrafo, negrito, centralizar, essas opções básicas, nada muito personalizado.
-
1Essa pergunta na forma como está é muito ampla, e provavelmente será fechada como tal. Tente ser mais específico: seu problema é a edição no lado cliente, ou a integração com o servidor? com que tipos de texto você está lidando, texto comum com formatação, código, outra coisa? já tentou usar alguma ferramenta, mas não conseguiu e/ou não achou satisfatória (pelas razões X e Y)? Quanto mais contexto puder fornecer, melhor.– mgibsonbrCommented 12/03/2014 às 4:46
-
linhadecodigo.com.br/artigo/1080/… tem bastante informaçoes no site do link acima.– user24444Commented 29/04/2015 às 16:46
1 Resposta
Sugiro procurar por um editor já pronto, por se tratar de uma funcionalidade comum é mais fácil que reinventar a roda. Uma busca rápida me levou ao SCEditor, que parece ter tudo o que você precisa. Abra o site e, no demo, clique no último botão ("View source"): isso vai alternar entre o modo WYSIWYG e o modo BB code.
Esse editor é software livre (licença MIT), de modo que você pode integrá-lo ao seu sistema sem empecilhos. Para utilizá-lo, basta incluir os scripts e folhas de estilo necessárias (escolha a modalidade com suporte a BB code):
<script type="text/javascript" src="jquery.min.js"></script>
<link rel="stylesheet" href="minified/themes/default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="minified/jquery.sceditor.bbcode.min.js"></script>
<script src="languages/pt-BR.js"></script>
E chamar o plugin no seu elemento (textarea
), passando as opções desejadas:
$("#meu_textarea").sceditor({
plugins: "bbcode",
style: "minified/jquery.sceditor.default.min.css",
locale: "pt-BR"
});
Aqui está a API. Para obter-se o valor que o usuário digitou, pode-se usar simplesmente val
no textarea
ou um método específico que pode transformar o BB code em HTML para você ou vice-versa (cuidado: pode ou não ter implicações na segurança).
-
Obrigado, mas eu pensei que poderia aprender a criar um bem básico por mim mesmo, de modo a não ter que depender de programas de terceiros :s. Obg na mesma.– EdilsonCommented 12/03/2014 às 22:42