Скопируйте текст с html-тегами

Я использую текстовый редактор - quilljs. Проблема в том, что нет возможности POST содержимого редактора. Вот почему мне приходится копировать/клонировать все содержимое редактора в фиктивное скрытое поле ввода и использовать его для публикации текста.

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

Что я могу сделать?

<div id="standalone-container">

  <div id="editor-container"></div>

</div>          
<input type="text" name="testMsg" id="testMsg">

JS

$('#editor-container').on('keyup', function() {
  $('#testMsg').val($(this).text());
});

jquery quill
person Roi    schedule 15.03.2018    source источник
comment
.html() вместо .text()   -  person Zenoo    schedule 15.03.2018
comment
клавиша на div не будет работать..   -  person nikunjM    schedule 15.03.2018
comment
вы хотите скопировать текст из текстового поля и показать в div?   -  person nikunjM    schedule 15.03.2018
comment
Возможный дубликат Получить внешний HTML-код выбранного элемента   -  person Liam    schedule 15.03.2018
comment
@nikunjM — из div в поле ввода (testMsg)   -  person Roi    schedule 15.03.2018
comment
Почему вы не получаете данные редактора при отправке формы? Вы можете получить содержимое редактора с помощью функции getContents(), а затем отправить то, что вы получили.   -  person therealbischero    schedule 15.03.2018
comment
@therealbischero - не могли бы вы написать мне пример? как мне получить содержимое из div во время публикации формы?   -  person Roi    schedule 15.03.2018

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте с этим. В моем примере перед отправкой формы я заполнил скрытый ввод содержимым редактора с помощью jquery. Вы можете узнать, работает ли он, изменив return true на false и проверив, есть ли что-то в скрытом вводе.

var quill = new Quill('#editor', {
    theme: 'snow'
  });
  
  $('#form').on('submit', function (){
    var content = quill.container.firstChild.innerHTML
    $('#editor-input').val(content)
    return true
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<form id="form">
  <div id="editor"></div>
  <input id="editor-input" type="hidden" />
  <button type="submit">Submit</button>
</form>

person therealbischero    schedule 15.03.2018