Как вставить col начальной загрузки в редакторе SummerNote, и я хочу добавить его в данные, поступающие из базы данных - PullRequest
Новая
       20

Как вставить col начальной загрузки в редакторе SummerNote, и я хочу добавить его в данные, поступающие из базы данных

0 голосов
/ 12 февраля 2019

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

Я немного запутался с частью jquery. Пожалуйста, помогите мне.Пожалуйста, смотрите следующий код: 

<a class="btn btn-warning btn-sm text-dark" href="javascript:void;" id="inserGridWithOption"><i class="fa fa-th"></i> Insert Grid</a>

<textarea class="form-control summernote" rows="6" placeholder="Enter product short summery or description" name="homerow6col1" id="homerow6col1">
 <div class="row">
  <div class="col-md-4">
   <p class="text-center border p-3 ReasonToBuyBlockEntry">
    This is column - 1
   </p>
  </div>
  <div class="col-md-4">
   <p class="text-center border p-3 ReasonToBuyBlockEntry">
    This is column - 2
   </p>
  </div>
 </div>
</textarea>

<script>
 $('#inserGridWithOption').click(function(){
  var markupStr = '<div class="col-md-4"> <p class="text-center border p-3 ReasonToBuyBlockEntry"> This is a new column.</p></div>';
  var res = $('#homerow6col1').summernote('code');
  $('#homerow6col1').summernote('code', res + markupStr );
 });
</script>

Что я хочу, чтобы он вставлял или добавлял столбец в существующую строку каждый раз, когда я нажимаю кнопку «Вставить сетку».Видите, результат / вывод должен быть похож на следующий код, где я выделил желаемый вывод с помощью "####": 

<textarea class="form-control summernote" rows="6" placeholder="Enter product short summery or description" name="homerow6col1" id="homerow6col1">
 <div class="row">
  <div class="col-md-4">
   <p class="text-center border p-3 ReasonToBuyBlockEntry">
    This is column - 1
   </p>
  </div>
  <div class="col-md-4">
   <p class="text-center border p-3 ReasonToBuyBlockEntry">
    This is column - 2
   </p>
  </div>
  ######## Following code should be inserted########
  <div class="col-md-4">
   <p class="text-center border p-3 ReasonToBuyBlockEntry">
    This is a new column.
   </p>
  </div>
  ######## Above code should be inserted ########
 </div>
</textarea>
...