TEXTAREA将html内容分配给值-不显示html标签

Question

I have the html file content and want to assign it to the TEXTAREA value. 我有html文件的内容，并希望将其分配给TEXTAREA值。 But how to not show html tag?? 但是如何不显示 html标签呢？

<TEXTAREA id="Terms"></TEXTAREA>
<script>
$.get("/mobile/en/html/tnc/apply.html", function(tnc) {
   var elem3 = document.getElementById('Terms');
   if (elem3){ elem3.value = tnc; }
});
</script>

apply.html apply.html

<html>
.......
</html>

As it has below function: 由于具有以下功能：

function disableDeclarationCheckbox() {
                var form = document.forms['CardForm'];
                var ta = document.getElementById('Terms');
                if (ta!=null && ta.scrollHeight <= ta.offsetHeight){
                    if (form){ if (form.cardTermsCheckbox){
                        form.cardTermsCheckbox.checked = false;
                        form.cardTermsCheckbox.disabled = false;
                    }}
                    return;
                }
                if (form){ if (form.cardTermsCheckbox){
                    form.cardTermsCheckbox.checked = false;
                    form.cardTermsCheckbox.disabled = true;
                }}
                $('textarea#Terms').on('scroll', function() {
                    if (this.scrollHeight <= (this.scrollTop+this.offsetHeight)) {
                        if (form){ if (form.cardTermsCheckbox){
                            form.cardTermsCheckbox.disabled = false;
                        }}
                    }
                });
                return;
            }

Answer 1

Text areas just show text, they don't interpret HTML. 文本区域仅显示文本，它们不解释HTML。

Instead of a text area, use a div, like this: 使用div代替文本区域，如下所示：

<div id="Terms"></div>
<script>
$.get("/mobile/en/html/tnc/apply.html", function(tnc) {
   var elem3 = document.getElementById('Terms');
   if (elem3){ elem3.innerHTML = tnc; }
});
</script>

If you need users to be able to type into the div, you could change it to 如果您需要用户能够输入div，则可以将其更改为

<div id="Terms" contenteditable="true"></div>

Answer 2

使用<span>代替<textarea> 。

<span id='Terms'></span>

TEXTAREA将html内容分配给值-不显示html标签

问题描述

2 个解决方案

解决方案1
0 2017-11-30 01:47:14

解决方案2
0 2017-11-30 02:59:40

TEXTAREA将html内容分配给值-不显示html标签

问题描述

2 个解决方案

解决方案1 0 2017-11-30 01:47:14

解决方案2 0 2017-11-30 02:59:40

解决方案1
0 2017-11-30 01:47:14

解决方案2
0 2017-11-30 02:59:40