может быть глупым вопросом, но, тем не менее, здесь он идет. У меня возникли трудности с преобразованием HTML-кода в обычный текст, который нужно просматривать предпочтительно внутри поля формы textarea, но div будет делать.Преобразование html-кода в обычный текст внутри div или textarea
Вот что я нашел:
HTML:
<div class="box-checkbox-color">
<input type="checkbox" name="Color:_Green" id="sku0001-green" value="Yes" />
<label for="sku0001-green"></label>
<div style="display:none;" title="#" class="rawHTML-code-insert">This is where I would like to display raw HTML code BUT have it rendered as plain text instead of being read as markup, essentially need it to be presented so it can be copied and pasted</div>
</div>
<div class="box-checkbox-color">
<input type="checkbox" name="Color:_Green2" id="sku0001-green2" value="Yes" />
<label for="sku0001-green2"></label>
<div style="display:none;" title="#" class="rawHTML-code-insert">This is where I would like to display raw HTML code BUT have it rendered as plain text instead of being read as markup, essentially need it to be presented so it can be copied and pasted into a form field to be sent to another .php page</div>
</div>
<ul class="result"></ul>
Javascript:
$('input[type="checkbox"]').click(function(){
var title = $(this).closest('.box-checkbox-color').find('.rawHTML-code-insert').html();
// If the checkbox is checked, add the item to the ul.
if($(this).attr('checked')){
var html = '<li title="' + title + '">' + title + '</li>';
$('ul.result').append(html);
} else {
// if the checkbox is unchecked, remove the item from the ul.
$('li[title="' + title + '"]').remove();
}
});
Что мне нужно выполнить с этим, чтобы показать/генерировать определенный блок кода когда пользователь проверяет определенный флажок, но я хотел бы, чтобы этот код читался как код, а не был прочитан как разметка и выполнен как таковой. Точка - предоставить код, чтобы пользователи могли копировать и вставлять его, а также вносить изменения в имя div, id, values и т. Д., Если они этого захотят. И, конечно, для каждого флажка будет отображаться другой код и быть перечисленным вместе в классе ul ниже. Я представил сценарий js, который должен иллюстрировать то, что мне нужно.
Я представил пример, о котором я говорю.
Использование JQuery '.text()', чтобы поместить код в текстовое поле. – Barmar
Вы бы так любезны показать это в jsfiddle. Я знаю, что это был хастл, но это заставит мою жену чувствовать себя лучше, lol. – WebEducate