Publicado em 6 de fev.

Formatar texto Java Script

Boa tarde,

É possível formatar um texto nesse código? ou seja, pular linha, colocar em negrito, centralizar e etc.

Estou usando uma função que ao digitar o código 10400 ele chama o texto e gostaria de formatar esse texto.

 <script>
var dados = [{"codigo": "10400", "Nome": ["testando texto não formatado"]},
];
</script>

$('input[name="nome"]').change(function(){
var nome = $(this).val();
var text = $('textarea[name="nome pessoal"]').val();
$('textarea[name="nome pessoal"]').val(text.replaceAll('(testando texto não formatado)',nome));
});

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

wanderval· 13 de fev.

Sua descrição tá muito confusa, você menciona que está usando uma função que ao digitar 10400 fa uma chamada ao texto!

Mas seu código mostra que qualquer coisa digitada invoca um método e apenas valores fixos são usados nem mesmo sendo usado o objeto dados.

Sobre a formatação é possível, mas que nível de formatação você tem em mente? se for algo básico que envolva todo o texto é algo simples, agora se for formatação de palavras individuais, ai é mais complexo e não conseguira fazer com o textarea

Um código para tirar alguma ideia!

EX:

/applications/core/interface/imageproxy/imageproxy.php?img=https://uploaddeimagens.com.br/images/003/081/922/original/imaster_format.PNG?1613180666&key=68a9af8a0b57d10b2cbf34492dc23196274e2c3714fdab1f8e3a22bd3d458ab0" width="395" data-imageproxy-source="https://uploaddeimagens.com.br/images/003/081/922/original/imaster_format.PNG?1613180666" />

HTML:

<body>
 <div class="form">
 <span>Name</span>
 <input name="nome"/>
 <span>Text</span>
 <textarea id="ta" name="nome pessoal" value="asas"></textarea>
 </div>
 <div>
 <input name="btn-bold" type="checkbox">negrito</input>
 <input name="btn-centralize" type="checkbox">centralize</input>
 <input name="btn-italic" type="checkbox">italico</input>
 </div>
</body>

	JS:

function initialize() {
 listeningInputName();
 formatToBold();
 formatCentralize();
 formatItalic();
}

function formatToBold() {
 _buildListening('btn-bold', ['bold', 'normal'], 'font-weight');
}

function formatCentralize() {
 _buildListening('btn-centralize', ['center', 'left'], 'text-align');
}

function formatItalic() {
 _buildListening('btn-italic', ['italic', 'normal'], 'font-style');
}

function _buildListening(idField, options, css) {
 const [ firstOption, secondOption ] = options;

 $('input[name="'+idField+'"]').change(function() {
 const toggle = $(this)[0].checked;
 const option = toggle ? firstOption : secondOption;

 $('textarea[name="nome pessoal"]').css(css, option);
 });
}

function _buscaTextoPorCodigo(codigo) {
 var dados = [
 {"codigo": "10400", "nome": ["testando texto não formatado"]},
 {"codigo": "2020", "nome": ["acontecimento covid"]},
 {"codigo": "2021", "nome": ["esperança de um ano melhor"]},
 ];

 return dados.find(item => item.codigo === codigo);
}

function listeningInputName() {
 $('input[name="nome"]').change(function(){
 var nome = $(this).val();

 const resultadoBusca = _buscaTextoPorCodigo(nome);

 if(resultadoBusca) {
 $('textarea[name="nome pessoal"]').val(resultadoBusca.nome);
 }
 });
}

initialize();

	JsBin: [https://jsbin.com/xozapadoce/edit?html,js,output](https://jsbin.com/xozapadoce/edit?html,js,output)