이 JavaScript가 있습니다.
j = 0;
function add_more_additional_field() {
$('#additional_options').append(
'<div class="form-group row mar-btm"><div class="col-md-3"><input type="hidden" name="af_no[]" value="' + j + '"><input type="text" class="form-control" name="af_title[]" value="" placeholder="Additional Title"></div><div class="col-md-7"><textarea class="form-control editor" name="af_options[]"></textarea></div><div class="col-md-1"><button onclick="delete_row(this)" class="btn btn-danger btn-icon"><i class="demo-psi-recycling icon-lg"></i>Remove</button></div></div><hr/>'
);
j++;
var editor = new Jodit('#additional_options .editor');
}
function delete_row(em) {
$(em).closest('.row').remove();
update_sku();
}
스크립트의 기능은 클릭 할 때 더 많은 양식 필드를 추가하는 것입니다. 이 코드는 잘 작동합니다. 이제 클릭 할 때마다 Jodit 편집기를 추가하고 싶습니다. 고유 한 ID 또는 클래스를 지정하여 시도했습니다 ( j위 코드에서 사용하는 방법 참조 ). 그러나이 코드는 첫 번째 텍스트 영역 에만 Jodit 편집기를 추가하지만 다른 텍스트 영역에는 추가하지 않습니다.
각 텍스트 영역 필드에 편집기를 추가하는 방법은 무엇입니까?
다음 줄은 항상 클래스 의 첫 번째 요소를 대상으로합니다 editor.
new Jodit('#additional_options .editor');
... 해당 클래스 의 새로운 마지막 요소 를 대상으로 지정하려는 동안 . 따라서 Jodit생성자에 DOM 요소를 전달할 수있는 가능성을 사용하십시오 . 그런 다음 모든 일치 항목의 노드 목록을 가져 와서 마지막 항목을 가져 와서 생성자에 전달할 수 있습니다.
new Jodit([...document.querySelectorAll('#additional_options .editor')].pop());
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다