Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Breno Duarte

[Resolvido] Usar CKEditor em campos criados dinamicamente

Por , em Javascript

Recommended Posts

Breno Duarte    1

Breno Duarte
Postado

Olá a todos.

 

Estou criando uma pagina qe seria uma especie de relatorio diario a ser preenchido. Nele há dois campos textarea que coloquei para serem inseridos com o CKEditor.

 

<script type='text/javascript' src='includes/ckeditor/ckeditor.js'></script>
<script type='text/javascript' src='includes/ckeditor/adapters/jquery.js'></script>
<script type='text/javascript' src='includes/ckeditor/plugins/div/dialogs/div.js'></script>
<script type='text/javascript' src="includes/javascript/getValor.js"></script>
<script type='text/javascript' src="includes/javascript/file_get_contents.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>


$(function() {
	$("#add").click(function(){
		field = file_get_contents('field.php');
		$("#campo").append(field);
	});
});
$(function()
{
	var config = {};

	$('.ckeditor').ckeditor(config);
});
</script>
</head>
<body>

<form name="novorda" action="?acao=setrda" method="post">
<table>
<tr><td><img src='logo.png'></td></tr>

<tr><td>Técnico:   <b><? echo $nome; ?></b></td><td>Data:   <b><? echo $data; ?></b></td></table>
<br><br>
<table><tr><td>Cliente: </td><td><input type='text' size='30' maxlength='30' name='clientes[]' id='cliente'></td></tr>

<tr><td>Atividades:</td>
<td><textarea name='atividades[]' class='ckeditor' id='atividades' cols='40' rows='10'></textarea></td></tr>

<tr><td>Pendencias: </td>
<td><textarea name='pendencias[]' class='ckeditor' id='pendencias' cols='40' rows='10'></textarea></td></tr></table>

<table><tr><td><div id="campo" name="campo"></div></td></tr>

<br><br><br><br></div></td></tr></table>
<input type="button" value="Adicionar novo Cliente" id="add" name="add">

 

 

 

Field.php

<table>
<tr><td>Cliente: </td><td><input type='text' size='30' maxlength='30' name='clientes[]' id='cliente'></td></tr>

<tr><td>Atividades:</td>
<td><textarea name='atividades[]' class='ckeditor' id='atividades' cols='40' rows='10'></textarea></td></tr>

<tr><td>Pendencias: </td>
<td><textarea name='pendencias[]' class='ckeditor' id='pendencias' cols='40' rows='10'></textarea></td></tr></table>

 

 

Até entao tudo funciona perfeitamente.

 

Porém, quando clico no botão Add novo cliente os textarea são chamados porém sem o editor de texto do CKEditor. Gostaria de saber se tem como colocar o CKEditor nas textareas adicinadas dinamicamente.

 

 

Desde já agradeço..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Coloque essa função:

$('.ckeditor').ckeditor(config);

 

 

dentro da função de click, mais nao retire a anterior, deixando ela assim:

$(function() {
               $("#add").click(function(){
                       field = file_get_contents('field.php');
                       $("#campo").append(field);
                       $('.ckeditor').ckeditor(config);
               });
       });
       $(function()
       {
               var config = {};

               $('.ckeditor').ckeditor(config);
       });

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marlon Souza    0

Marlon Souza
Postado

Estou enfrentando o mesmo problema, apesar de ter feito o que colocaram aqui, não consegui fazer funcionar o ckeditor, o textarea aparece mais nao carrega o editor.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito