Hallo,
ich nutze für zwei Textboxen tinymce
bei der initialen Anzeige funktioniert auch alles soweit einwandfrei. Wenn ich aber den HTML-Block dupliziere, dann funktioniert zwar noch das initiale Textfeld, aber die geklonten nicht.
Die Duplizierung gestalte ich mit folgenden Code:
Hat jemand eine Idee, wie ich bei den dynamisch hinzugefügten Textfelder tinymce nutzen kann?
ich nutze für zwei Textboxen tinymce
HTML:
<div id="8" class="tescase_scope_show">
<div id="items" class="sortable">
<div id="0" class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-sort"></i>
</div>
<div class="panel-body">
<div class="col-md-5">
<div class="form-group textarea"><label class="control-label" for="testunits-0-step">Testschritt</label><textarea name="testunits[0][step]" class="edittextarea form-control" id="testunits-0-step" rows="5"></textarea></div>
</div>
<div class="col-md-5">
<div class="form-group textarea"><label class="control-label" for="testunits-0-expection">Erwartung</label><textarea name="testunits[0][expection]" class="edittextarea form-control" id="testunits-0-expection" rows="5"></textarea></div> </div>
<div class="col-md-2">
<button class="btn btn-danger delete pull-right" type="button">Testschritt löschen</button>
</div>
</div>
</div>
</div>
<button class="btn bg-olive pull-right" id="btn-add" type="button">Testschritt hinzufügen</button>
</div>
bei der initialen Anzeige funktioniert auch alles soweit einwandfrei. Wenn ich aber den HTML-Block dupliziere, dann funktioniert zwar noch das initiale Textfeld, aber die geklonten nicht.
Die Duplizierung gestalte ich mit folgenden Code:
Code:
$(document).ready(function()
{
$('#btn-add').click(function(e)
{
var last_id = $('#items').children().last().attr('id');
var template = $('#items').children().last().clone();
var new_id = parseInt(last_id)+1;
/*
* Anpassung des Element an die neue ID
*/
//ID des Umschließendes DIV
template.children().attr('id', new_id);
//ID und Name der einzelnen Elemente anpassen
template.find('textarea').each(function()
{
var child_old_id = $(this).attr('id').split('-');
var child_new_id = child_old_id[0]+'-'+new_id+'-'+child_old_id[2];
$(this).attr('id',child_new_id);
var child_old_name = $(this).attr('name').split('[');
var child_new_name = child_old_name[0]+'['+new_id+']['+child_old_id[2]+']';
$(this).attr('name',child_new_name);
});
//Umwandlung des Templates in ein HTML-Element
template = template.html();
//HTML-Element unten anfügen
$('#items').append('<div id="'+new_id+'" class="panel panel-default">'+template+'</div>');
});
});
Hat jemand eine Idee, wie ich bei den dynamisch hinzugefügten Textfelder tinymce nutzen kann?