Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal quero fazer que quando digitar em um campo textarea aparecer em outro textarea com ckeditor.
Se eu deixar o segundo textarea que receberá o que foi digitado sem ckeditor ele aparece ja com o ckeditor não aparece..
<script>
window.oninput = function(event){
var campo = event.target.id;
if(campo == "textarea"){
document.querySelector('#textarea-1').value = document.querySelector('#textarea').value;
}else if(campo == "textarea-1"){
document.querySelector('#textarea').value = document.querySelector('#textarea-1').value;
}
};
</script>
<div class="col-md-12">
<div class="form-group">
<label>Resumo:</label>
<textarea id="textarea" class="form-control" name="resumo" maxlength="250"></textarea>
<em>Max. 250 Caracteres</em>
</div>
<label>Conteúdo:</label>
<textarea id="textarea-1" class="form-control ckeditor" name="conteudo"></textarea>
<center><hr>
<button class="btn btn-primary">Adicionar</button>
<br><br>
</center>
</div>Ola Omar obrigado pela resposta,
Mais o que preciso seria isso aqui
/applications/core/interface/imageproxy/imageproxy.php?img=https://i.ibb.co/sQXFdm1/text1.jpg&key=8b07ae1647857896167e5d7412aa8178592a57f2d3c100d831b855de9d35db10" width="640" data-imageproxy-source="https://i.ibb.co/sQXFdm1/text1.jpg" />
Sem o ckeditor funciona
/applications/core/interface/imageproxy/imageproxy.php?img=https://i.ibb.co/vHDx73K/text2.jpg&key=51fe96c5362b04f455dc434cad938f0d82c59adaa7eb215639414906eef95d57" width="640" data-imageproxy-source="https://i.ibb.co/vHDx73K/text2.jpg" />
Tente então algo como isso:
O input está alí mas o editor não, ao digitar no input pelo menos 2 caracteres mostramos o local e o editor é inciado.
Não sei se essa é a lógica, mas toda vez que alterar algo no input o conteúdo do editor é alterado
<input type="text" id="exemplo" value="" />
<div style="display: none">
<textarea id="editor"></textarea>
</div>
<script>
var exemplo = document.getElementById('exemplo');
exemplo.value = null;
exemplo.addEventListener('keypress', iniciarEditor, false);
function iniciarEditor(e) {
var proximoElemento = e.target.nextElementSibling,
editor = proximoElemento.children[0].id;
if (typeof CKEDITOR.instances[editor] === 'undefined') {
proximoElemento.removeAttribute('style');
CKEDITOR.replace(editor);
}
CKEDITOR.instances[editor].setData(
e.target.value
);
}
</script>
Primeiramente o "ckEditor 4" é o mesmo usando por esse fórum.
Enfim, basta que que você crie um elemento qualquer (assim como é usado por esse fórum) assim quando clicar nesse elemento o editor é iniciado.
Aí temos as opções de ter já uma textarea pronta para receber o editor, ou criar uma (no caso desse fórum a textarea já existe); independente qual for a iniciativa o elemento ao qual o editor vai iniciar deve ser mostrado pois vai ser uma iFrame.
CKEDITOR.replace('iD_DA_TEXTAREA');
Aí vai depender da lógica que vai seguir para ter uma noção melhor de como deve prosseguir...
No resto há uma infinidade de documentação espalhada na web sobre como usar essa ferramenta; confesso que nenhuma delas é de muita ajuda, a não ser confundir mais em vez de ir direto a situação real
>
10 horas atrás, Jack Oliveira disse:
quando digitar em um campo textarea aparecer em outro textarea com ckeditor.
Exemplo você pode criar um elemento editável assim que uma key code é inserida pós clique o elemento alvo o editor seja iniciado..... seguindo os conceitos (ou mostra ou cria)
Veja como eu realizei esse processo ao usuário clicar.....:
https://github.com/Spell-Master/source-map/blob/master/modules/forum/post-new.php#L7
https://github.com/Spell-Master/source-map/blob/master/lib/javascript/sm-forum.js#L330 > a linha 335
https://github.com/Spell-Master/source-map/blob/master/lib/javascript/sm-editor.js#L28
obs.: Isso é o "rascunho" de um projeto meu portanto posso remover ou modicar tudo no github (serve para leitores futuros desse post)