如何为 <p> 或任何其他标签设置 cleditor 字体？

Question

我想 post 从 textarea 到另一个 html 页面的文本。

但是当我在 textarea 中粘贴文本时，字体和大小不符合我的风格！我已经设置了 textarea 和 <p> 字体大小和字体系列，但它没有帮助。

<textarea class="cleditor" id="textarea2"name="about" rows="3"></textarea>

    .cleditorMain {border:1px solid #ddd; padding:0 1px 1px; background-color:white}
    .cleditorMain iframe {border:none; margin:0; padding:0}
    .cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; dir:rtl; font-family:Verdana,sans-serif;font-weight:normal;resize:none;outline:none /* webkit grip focus */}
    .cleditorToolbar {background: url('../img/toolbar.gif') repeat}
    .cleditorGroup {float:left; height:26px}
    .cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0;background: url('../img/buttons.gif')}
    .cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
    .cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
    .cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
    .cleditorList div {padding:2px 4px 2px 4px}
    .cleditorList p,
    .cleditorList h1,
    .cleditorList h2,
    .cleditorList h3,
    .cleditorList h4,
    .cleditorList h5,
    .cleditorList h6,
    .cleditorList font {padding:0; margin:0; background-color:Transparent}
    .cleditorColor {width:150px; padding:1px 0 0 1px}
    .cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
    .cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
    .cleditorPrompt input,
    .cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
    .cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}

html代码

    <p class="about-p">
         {!! $about['about'] !!}
    </p>

css

.about-p{
     font-family: Verdana,sans-serif;
     font-weight:normal;
     text-align:justify;
}

Answer 1

到select只有一个元素，或者class名字，或者ID...只有select那个元素：

textarea {
    font-family: Helvetica, Arial, sans-serif;
}

.font-normal {
    font-family: Georgia, serif;
}

您也可以用逗号分隔 select 或者将一种字体分配给多个元素：

div, p, textarea, .font-sans-serif {
    font-family: Helvetica, Arial, sans-serif;
}

Answer 2

如果您使用的是 cleditor，请检查您是否添加了脚本和 css 文件。 there is a simple demo

Answer 3

或者，您可以强制 CSS 遵循您的字体规范，只需在文本区域属性后添加 !important 标签即可。像这样

textarea {font-family: Helvetica !important;}

以这种格式手动重写它们，将标签放在属性值之后应该会强制 CSS 自动为您的 CSS 规则提供更高的优先级。

Answer 4

已解决！

    .cleditorList p{font-family:Verdana,sans-serif;!important; font-weight:normal;}

应在此行添加样式。

如何为 <p> 或任何其他标签设置 cleditor 字体？

how to set cleditor font for <p> or any other tag?

html

css

php

jquery

cleditor