несколько summernotes для differend textareas

Question

Я хочу направить мои множественные текстовые области summernote на каждую точку в другую текстовую область для многоязычных целей.

$('.summernote').summernote({ 
    onChange: function() { 
    $("#stage").val($(".summernote").code()); 
    }, 
    height: 200, 
    tabsize: 2, 
    lang: 'nl-NL' 
}); 

Где этап должен быть массивом для отправки в php-файл для хранения в базе данных.

это мой текущий HTML (используя самозагрузку)

<div class="form-group"> 
    <label for="description[]">Bericht:</label> 
    <textarea cols="40" name="description[]" rows="4" class="form-control summernote" placeholder="Bericht"></textarea> 
</div> 
<div class="form-group"> 
    <label for="stage">stage:</label> 
    <textarea cols="40" name="stage" rows="4" class="form-control" id="stage" placeholder="stage"></textarea> 
</div> 

Я понимаю, что наличие стадии для идентификатора не будет стоять для решения из-за его уникальность. Но я хотел бы использовать name = "stage []" для сохранения его в базе данных.

Я искал в Интернете аналогичное решение, но пока не нашел его. Мне не хватает опыта в jQuery, чтобы решить это самостоятельно, поэтому я надеюсь, что вы, ребята/девочки, можете мне помочь.

Answer 1

Итак, я поместил счетчик внутри каждого элемента, поэтому я могу определить поля.

это мой код:

$('.summernote').each(function(i, obj) { 
i++; 
$(obj).summernote({ 
    onChange: function() { 
     $("#stage_"+i).val($("#description_"+i).code()); 
     //alert(i); 
    } 
}); 
}); 

Не стесняйтесь, дайте мне знать, если есть лучшие подходы, я открыт, чтобы узнать!

Answer 2

Как я понял, ваш код не работает. Вам не нужно увеличивать i вручную.

Я думаю, что ваш HTML имеет mulple следующие структуры:

<div class="summernote"> 
    <div class="form-group"> 
     <textarea class="description"></textarea> 
    </div> 
    <div class="form-group"> 
     <textarea class="staged"></textarea> 
    </div> 
</div> 

Если да, то вы можете написать так:

$('.summernote').each(function(i, obj) { 
    var stage$ = $(obj).find('.stage'); 
    $(obj).find('.description').summernote({ 
    onChange: function(contents) { 
     stage$.val(contents); 
    } 
    }); 
}); 

Вы можете сделать это без id. BTW, выбор DOM не подходит для производительности и onChange callback pass contents более как параметр.