У меня contenteditable
div
как текстовый редактор
Необходимая функциональность - это то, что пользователь записывает или копирует/вставляет в текстовый редактор, превращается в флажок
например,
Случай 1
Если пользователь записывает следующие
Test1 (введите клавишу нажата)
Test2 (введите клавишу нажата)
Test3 (введите клавишу нажата)
тогда необходимо установить три флажка для Test1, Test2, Test3 соответственно
И
Случай 2
когда пользователь пишет
Parent1 (введите клавишу нажата)
-
Test1 (введите клавишу нажата)
-
Test2 (введите клавишу нажата)
-
Test3 (введите клавишу нажата)
В приведенном выше случае будет установлен флажок parent1
и 3 li's
Вещи, которые я достиг, но я открыт, чтобы принять новый путь, если более точным.
$('#checkbox').click(function() {
var $p = "";
var re = /\S/;
$p = $('.outputBox');
$p.contents()
.filter(function() {
return this.nodeType == 3&& re.test(this.nodeValue);;
})
.wrap('<label> <input type="checkbox" name="field_1" value="on" />')
});
В основном новые флажки span, div, br или, в этом случае, li должны быть созданы в флажках.
Если существует какой-либо другой метод, который будет выполнять как требование, так и основное требование создания флажков, это очень приветствуется.