Javascript: addContent - Как упаковать

Используя образец для addContent (расположенный по адресу randomsnippets.com), я столкнулся с проблемой, с которой, надеюсь, кто-то может помочь. Возможно, это не лучший / единственный способ избавиться от этой кошки, но у нас есть страница PHP / MySQL, которую нужно изменить на ДОБАВИТЬ строки для ввода данных, когда это необходимо.

Их метод работает (пожалуйста, ознакомьтесь с их страницей), но значение элемента FORM TEXTAREA имеет собственные элементы формы, включая TEXTAREA. Закрытие последнего тега TEXTAREA прерывает первое значение и выбрасывает оставшийся код на страницу, не дожидаясь вставки с помощью кнопки «Отправить». Пример результатов: Кликните сюда

Кнопка «Отправить» успешно создает деталь, которая осталась внутри, но вы видите проблему.


- Есть ли способ использовать функцию javascript addContent,

- Включите утилиту кнопки ДОБАВИТЬ

- Но избегайте использования упаковки ФОРМ?


Спасибо за любую помощь!

Брайан

p.s. PHP прозрачен. Прямое включение HTML-кода, содержащегося в переменной, как значения TEXTAREA, дает тот же результат.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
92
1

Ответы 1

Я действительно не понимаю, чего вы здесь пытаетесь достичь, но это не имеет значения - очевидная проблема заключается в том, что вы включаете неэкранированный HTML в textarea: текст textarea должен быть экранирован, так же, как вы бы экранировали текст содержимое где-либо еще в документе HTML (преобразование < в &lt;> в &gt;& в &amp; и т. д.). Тот факт, что вы в конечном итоге отправляете текст обратно через HTML-парсер браузера, не имеет значения - если вы хотите, чтобы документ загружался правильно, его нужно экранировать:

Пример:

желаемый контент, например:

<tr>
   <td bgcolor = "#F3F3F3" align = "center" colspan = "3"><hr size = "1" color = "#C0C0C0"></td>
</tr>

будет включен в текстовое поле следующим образом:

<textarea>
&lt;tr&gt;
   &lt;td bgcolor = "#F3F3F3" align = "center" colspan = "3"&gt;&lt;hr size = "1" color = "#C0C0C0"&gt;&lt;/td&gt;
&lt;/tr&gt;
</textarea>

Другие вопросы по теме