append adicionar Textarea com CKEDITOR

[Marlon Souza 0]

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.

[Vadio 13]

você não definiu que esse "textarea" seria uma editor por isso não carrega o editor

[Marlon Souza 0]

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....

[Vadio 13]

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:

http://docs.cksource.com/CKEditor_3.x/Developers_Guide

[Marlon Souza 0]

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 :

 

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>

[Vadio 13]

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.

[Fernando Souza 0]

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.