2016-09-26 2 views
0

Wenn ich die HTML-Tags ckeditor setzen außerhalb Aktivitäten aber wenn ich ckeditor in jquery append setzen dann funktioniert es nichtAnfügen jquery TextArea- ckeditor nicht funktioniert

<div class="input_fields_wrap"> 
    <a class="add_field_button">Add More Fields</a> 
    <div></div> 
</div> 

<script> 
    $(document).ready(function() { 

     var max_fields  = 10; //maximum input boxes allowed 
     var wrapper   = $(".input_fields_wrap"); //Fields wrapper 
     var add_button  = $(".add_field_button"); //Add button ID 
     var x = 1; //initlal text box count 
     $(add_button).click(function(e){ //on add input button click 
      e.preventDefault(); 
      if(x < max_fields){ //max input box allowed 
       x++; //text box increment 
       $(wrapper).append('<div><div class="form-group"><label class="control-label col-md-3">Project</label><div class="col-md-9 col-xs-12"><select class="bs-select form-control" name="project"><option value="" >------------- Select project -----------</option>@forelse($parent as $item)<option value="{{$item->id}}">{{$item->title}}</option>@empty @endforelse</select></div></div><textarea class="form-control" id="editor1" name="content_vi[]" rows="6" required></textarea><a href="#" class="remove_field">Remove</a></div>'); //add input box 
      } 
     }); 

     $(wrapper).on("click",".remove_field", function(e){ //user click on remove text 
      e.preventDefault(); $(this).parent('div').remove(); x--; 
     }) 
    }); 
</script> 

Antwort

0

Use "insertHtml" oder "insert" -Funktion um Daten an den CKEDITOR anzuhängen. Wie folgt aus:

CKEDITOR.instances['input-text-area-ID'].insertHtml(data); 

Wenn Sie zum vorherigen Daten entfernen und neue Verwendung „setData“ Funktion hinzufügen. Wie folgt aus:

CKEDITOR.instances['input-text-area-ID'].setData(data); 
0

Sie haben bereits diese 2 varibales

var wrapper = $(".input_fields_wrap"); 
var add_button= $(".add_field_button"); 

dann werden Sie sie wie

$(wrapper).apend(); 

mit bedeutet es

$($(".input_fields_wrap")).append(); 

die wr Verwenden Sie es entweder wie wrapper.append(); oder Änderung var Wrapper wie

var wrapper = ".input_field_wrap"; 

gleiche Sache, die Sie mit dem add_button tun und seine immer besser, Sie

$().on('click',function(){ 
}); 

dann

$().click(function(){ 
}); 
Verwandte Themen