Question

我正在使用pre代码将我的代码显示为实际页面上的文本，位于文本框内（有点像我们这样做）。它正在工作，除了它显示实际的单词<pre>作为代码的一部分。如何删除它？

示例：

<form>
<textarea name="myTextBox" cols="100" rows="10">

<pre>
<!-- Add this into your Header -->

<style>
body .calculator_external{font-family:"Titillium",Arial,sans-serif;font-weight:300}.calculator_external p{margin:0px;padding:0px;border:0px none;font:inherit;vertical-align:baseline;line-height:1.6em;color:#666}
</style>
</pre>
</textarea>
</form>

例如，如果我删除PRE文本，它会执行以下操作：

<br />
<!-- Add this into your Header --></p>
<style>

Answer 1

Textarea 和 文本框 的值不会将html标记转换为适当的输出。它将接受html标记作为普通字符串。

Answer 2

<style>
    body .calculator_external
    {
        font-family: "Titillium", Arial, sans-serif;
        font-weight: 300
    }
    .calculator_external p
    {
        margin: 0px;
        padding: 0px;
        border: 0px none;
        font: inherit;
        vertical-align: baseline;
        line-height: 1.6em;
        color: #666
    }
</style>
<form>
    <textarea name="myTextBox" cols="100" rows="10"></textarea>
</form>

PRE代码显示为文本

2 个答案: