html строка не заполняется должным образом в поле textarea

Question

Мне нужно иметь возможность отображать некоторые теги HTML внутри текстовой области (а именно,,,), но текстовые области интерпретируют их содержимое только как текст. Ожидаемая строка как ниже

<strong><span style=""background-color: yellow"">I AGREE </span>TO THE TERMS AND CONDITIONS OF THE CONSUMER INSTALLMENT LOAN AGREEMENT (this “Contract”).<br>By electronically signing the Contract by checking the box above and then clicking the “Get Loan Now” button below, you (i) acknowledge receipt of this Contract, with all necessary spaces filled in, (ii) certify you fully read and understand the Contract and you agree to comply with and be bound by its terms, and (iii) you reaffirm consent to the use of electronic records for all transactions with LendNation and all documents relating to those transactions.</strong>

, но ее замена ниже

\u003cstrong\u003e\u003cspan style\u003d\"background-color: yellow\"\u003eI AGREE \u003c/span\u003e "TO THE TERMS OF THE VOLUNTARY ACH CREDIT AUTHORIZATION AGREEMENT(the "ACH Credit Authorization")".\u003c/strong\u003e\u003cbr\u003e "By electronically signing the ACH Credit Authorization by checking the box above and then clicking the "Get Loan Now" button below, you certify you fully read and understand the ACH Credit Authorization provision of the Contract, and you agree to comply with and be bound by its terms."\u003cbr/\u003e"

Answer 1

Этого нельзя сделать с текстовой областью, но взгляните на атрибут contenteditable.

<div contenteditable="true">
    This text can be edited by the <strong>user</strong>.
</div>

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content