有没有办法在文本区域内格式化样式和文本？

Question

您好，我有代码，我在文本区域内编写代码以获得如下格式。但我的问题是文本格式正确，以及如何在文本区域内放置相同的文本格式。

<input type="textarea">
<P align = center>
<B>About Salman Khan </B>
</P>
<P align = left>Salman Khan (pronunciation  born Abdul Rashid Salim Salman Khan on 27 December 1965)[5] is an INDIAN film actor and producer. He is cited in the media as one of the most commercially successful actors of Hindi cinema.
</P>
<P>
<ul>
	<li>Undertake our tasks and activities in utmost good faith, objectivity, transparency, competence, due care and professionalism.</li>
<li>Abide by the highest standards of politeness and good conduct.</li>
</ul>
</P>
</input>

Answer 1

抱歉，您无法设置文本区域的样式。但是，似乎确实有一些解决方法可用。这是我发现的第一件事：

Format text in a <textarea>?

所以基本上你把你所有的内容放在一个 div 中并设置它的样式，让它像一个文本区域一样工作。在这里你可以看到我让它可滚动，让它可编辑，加上设置高度/宽度和边框。 （不需要设置，具体取决于您想要什么。）我认为这里最大的问题是不同的浏览器对文本区域的样式不同，因此可能没有真正简单的方式来设置它，所以它看起来就像一个原生的所有浏览器中的文本区域。

<div id='fake_textarea' style="overflow:scroll; height:100px; width:400px; border:solid; border-width:1px" contenteditable>
    <P align=center>
         <B>About Salman Khan </B>
    </P>
    <P align=left>
        Salman Khan (pronunciation  born Abdul Rashid Salim Salman Khan on 27 December 1965)[5] is an     INDIAN film actor and producer. He is cited in the media as one of the most commercially successful actors of Hindi cinema.
    </P>
    <P>
        <ul>
            <li>Undertake our tasks and activities in utmost good faith, objectivity, transparency, competence, due care and professionalism.</li>
            <li>Abide by the highest standards of politeness and good conduct.</li>
        </ul>
    </P>
</div>

请注意，这与您的代码相同，只是我将 input 标记替换为样式化的 div。

如果您需要在表单中使用此字段并且必须提交内容，请参阅上述答案中的帖子。这需要一些小工作。