Представьте себе функцию предварительного просмотра, где каждый раз, когда что-то печатается в редактируемом поле <div>, его содержимое отображается в окне предварительного просмотра <div>. Минимальный пример:
jQuery('div#edit').keyup(function() {
var a = jQuery(this).html();
jQuery('div#preview').html(a);
});
#edit {
border: solid 1px #eee;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div contentEditable="true" id="edit">Type here...</div>
<div id="preview"></div>
Этот пример заменяет весь #preview -контент на весь #edit -содержание. Вместо того, чтобы заменять все, я хотел бы добавить / удалить только те конкретные символы, которые отличаются .
Значение, когда содержимое выбирается нажатием клавиши и сохраняется в переменной a Я хотел бы сравнить a с содержимым окна предварительного просмотра
- и отфильтровать только различия между ними .
- Тогда яхотите добавить эти различия в окно предварительного просмотра (в правильных местах в уже существующей строке предварительного просмотра).
Возможно ли это?