Добавить фрагмент кода в Textarea внутри Jinja2 для петли ⇐ Javascript

[Anonymous]

Я пытаюсь добавить кнопку «Добавить код фрагмент» внутри Textarea. У меня есть рабочий пример на этой картинке 1. В этом случае я добавил конкретный «ID» в кнопки и Textareas, поэтому, когда я нажимаю «Добавить код», откройте правильный модал с правильным идентификатором Textarea, который будет отредактирован, например: < /p>

Add Code



< /code>
Форма, которую он работает. Если текст пользователя типа или вручную добавить фрагмент кода, например, `` `код здесь, это будет сохранять OK. #null не является объектом (оценка 'textarea.selectionStart') < /p>
< /blockquote>
И я не понимаю, почему, поскольку другая форма работает, я подумал, так как эта Textarea (так как в цикле для цикла) уникальный идентификатор будет работать нормально.// script to add code snippet into textboxes
var textarea = document.getElementById('text-{{post.Id}}');
var insertCode = document.getElementById('add_code-{{post.Id}}');

insertCode.addEventListener('click', () => {
const startPosition = textarea.selectionStart;
const endPosition = textarea.selectionEnd;
const codeBlock = "\n```'code here'´´´\n";

console.log(startPosition);

const newValue = textarea.value.substring(0, startPosition) +
codeBlock + textarea.value.substring(endPosition);
textarea.value = newValue;

// Optional: Place the cursor after the inserted code block
textarea.selectionStart = startPosition + codeBlock.length;
textarea.selectionEnd = startPosition + codeBlock.length;
textarea.focus();
});
< /code>
Я получаю ошибку в строке 6 в этом коде (const startposition = textarea.selectionStart;) < /p>
Я новичок в передней части, поэтому, если кто-то может оказать помощь, я ценю.
>

Подробнее здесь: https://stackoverflow.com/questions/796 ... 2-for-loop