Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Prezados, antes de questionar este topico que criei informo que pesquisei aqui no forum e estou com o problema semelhante a este: http://forum.imasters.com.br/topic/437437-usar-ckeditor-em-campos-criados-dinamicamente/
o text area aparece normalmente porem nao carrega o editor, segue meu código para ver o que estou fazendo de errado.
<script>
var contaDescricao = 0;
function adicionaDescricaoNoticias(){
contaDescricao++;
$("#maisDescricao").append('<div class="H5" style="clear:both; height: 200px">Descrição '+contaDescricao+'<br /> <textarea class="ckeditor" cols="80" id="descricao['+contaDescricao+']" name= "descricao['+contaDescricao+']" rows="10" ></textarea></div>');
}
</script>
<div style="float: left; clear: both; width: 150px; padding-top: 15px; ">Descrição</div>
<div style="float: left; clear: both; width: 800px; text-align: left; ">
<textarea class="ckeditor" cols="80" id="descricao[0]" name="descricao[0]" rows="10"></textarea>
</div>
<div id="maisDescricao" style="clear: both; padding-top: 5px;"></div>
<div class="labelForm" style="padding-top: 10px;">
<img src="images/maisDescricao.png" onclick="adicionaDescricaoNoticias();">
</div>O textarea aparece normalmente quando clico para adicionar, porem, o editor não carrega.
Mais como eu faço essa definição, sendo que eu to chamando o ckeditor e ele ta vindo normalmente, so no append que ta com brema....
Marlon você fez a instalação do pacote?
está usando o adptador para jQuery? se sim está com a biblioteca do jQuery instalada na página?
se você está com isso tudo em ordem agora só falta definir q o elemento anexado é um elemento CKEditor..
para fazer isso você deve escrever isso após o append do textarea
$( 'textarea.ckeditor' ).ckeditor();
onde textarea.ckeditor é element.class e o ckeditor() seria o inicializador do seu plugin..
Marlon quando eu falo em instalação eu estou me referindo a inclusão dos scripts do plugin na página...
eu nunca mexi com esse ckeditor mas parece ser bacana xD
recomendo q de uma olhada no DojoToolkit é bem bacana
aqui tem uma documentação melhor sobre ele:
Olá Vadio, sim o CKEditor, está instalado assim como JQuery e tudo o que precisa, o que está acontecendo é somente no meu append, quando vou incluir um novo bloco de estrutura, onde chamo o editor ele nao aparece, vem somente o textare.
Vou explicar o que estou fazendo, na imagem que está neste link /applications/core/interface/imageproxy/imageproxy.php?img=http://i1174.photobucket.com/albums/r618/marlonleandrorp2/ckeditor_zpsdbad904f.jpg&key=ce35437ea39b80bb8c5810ad8664a6ea87fdc2151fced0cb8577cc0ec8391253" alt="ckeditor_zpsdbad904f.jpg" />:
o Textarea que esta sendo exibido pela seta 1 ja vem padrão na pagina, ou seja o editor está funcionando, se não tivesse instalado ou ele ou o JQuery estaria dando problema e não apareceria. Quando preciso adicionar outro bloco de descrição eu clico na função, que chama o append (seta 2), adicionando um novo bloco no meu admin (3), porem este código do append, está igual o do item 1
function adicionaDescricaoNoticias(){
contaDescricao++;
$("#maisDescricao").append('<div class="H5" style="clear:both; height: 200px"><textarea class="ckeditor" cols="80" id="descricao['+contaDescricao+']" name= "descricao['+contaDescricao+']" rows="10" ></textarea></div>');
}
<div style="float: left; clear: both; width: 150px; padding-top: 15px; ">Descrição</div>
<div style="float: left; clear: both; width: 800px; text-align: left; ">
<textarea class="ckeditor" cols="80" id="descricao[0]" name="descricao[0]" rows="10"><?=$Desc['descricao'][0]?></textarea></div>faz assim.
reinicie o ckeditor após o append
$( 'textarea.ckeditor' ).ckeditor();
o js no momento q você chama o eveto para incluir esse novo textarea não irá reconhecer esse elemento como um ckeditor se você reiniciar o ckeditor com o elemento já dentro da sua pág é pra funcionar.
se continuar não funcionando utilize ajax e inicie o ckeditor no callback da sua função também após o append se não funcionar não consigo pesar em por que não está funcionando.
>
faz assim.
reinicie o ckeditor após o append
$( 'textarea.ckeditor' ).ckeditor();o js no momento q você chama o eveto para incluir esse novo textarea não irá reconhecer esse elemento como um ckeditor se você reiniciar o ckeditor com o elemento já dentro da sua pág é pra funcionar.
se continuar não funcionando utilize ajax e inicie o ckeditor no callback da sua função também após o append se não funcionar não consigo pesar em por que não está funcionando.
Eu estava com este problema e isso resolveu o meu problema, valew EricRF.
você não definiu que esse "textarea" seria uma editor por isso não carrega o editor