Question

我正在开发一个烧瓶应用程序，并且我正在尝试更改textarea内部的内容（请参阅下面的textarea标签）。我使用名为ckeditor的开源Web文本编辑器。我的问题是，当我尝试使用id名称＆＃34; name1＆＃34;来设置p标签中找到的内容的样式时它实际上没有风格。但是，当我使用just use p标签时，它可以正常工作。我是开发Web应用程序的新手，我们将不胜感激！感谢

以下是代码片段：

HTML：

<body>
    <form>
        <textarea name="editor1" id="editor1" rows="20" cols="70">

            <p id = "name1">  [Your Name]<p>

        </textarea>
        <script>
            CKEDITOR.replace('editor1');
            CKEDITOR.config.contentsCss = '../static/startpage.css';
        </script>
    </form>
</body>

CSS：

 #name1{ 
    font-family: 'Raleway', sans-serif;
    font-weight:  lighter;
    font-size: 18px;  
    padding-left: 20px;
}

以下是可用的CSS代码片段，但不是我想要的：

 p{ 
    font-family: 'Raleway', sans-serif;
    font-weight:  lighter;
    font-size: 18px;  
    padding-left: 20px;
 }

Answer 1

浏览器不会将<textarea>中的内容解析为HTML。所以，字面上它根本不是HTML，只是纯文本代表HTML片段。

您应该使用其他标签作为其容器，例如<div>或其他什么。

<div><p id="name1">[Your Name]<p></div>

编辑：我注意到你正在使用CKEditor。从您的代码中我猜您正在尝试在编辑器中放置一些默认的富文本。因此，我认为根本原因是：（1）您没有关注文档，或者（2）启动编辑器时出现错误。

Answer 2

正如akash指出的那样，我们不能在textarea中插入其他html标签，因为它是一个输入标签。要在输入标签中显示一些文字，您可以使用占位符，其他选项是在字段中（如果您想使用此标签，可以谷歌这个）标签

下面是使用占位符的代码

 <form>
        <textarea placeholder="[Your Name]" cols="30" rows="5"></textarea>
 </form>

你可以像下面那样设置占位符

::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'Raleway', sans-serif;
    font-weight:  lighter;
    font-size: 18px;  
    padding-left: 20px;
}

注意：上面的css仅适用于mozilla。请按照以下链接使其与其他浏览器一起使用

http://css-tricks.com/snippets/css/style-placeholder-text/

希望这有帮助

Answer 3

您的p-tag将在正常文本区域中呈现为文本您正在使用CKEDITOR替换它 CKEDITOR会自动从html-tags中删除ID和类

CSS无法识别ID或名称

3 个答案: