Question

我在jsp中使用tinymce textareas。我想只在一个textarea中应用css样式。

Textarea定义是

tinymce.init({
        selector : "textarea",
        body_class: 'text1=styleTextArea'   

    });

jsp中样式的定义是

.styleTextArea {
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
}

我使用Firefox。在导航控制台Firefox中，输出为：

<body id="tinymce" class="mce-content-body styleTextArea" data-id="text1" spellcheck="false" contenteditable="true">
<p> </p></body>

但是styleTextArea样式不适用，因为font-size不是14。

如何才能应用仅使用body-class id textarea tinymce

在jsp中定义text1

<textarea  path="text1"
                            name="text1" id="text1">

                </textarea>

EDITED

我在路径/resources/css/textarea.css

中有一个css

我用

修改了jsp

tinymce.init({
        selector : "textarea",
        body_class: 'text1=/resources/css/textarea.css'



    });

这是浏览器导航器

<body id="tinymce" class="mce-content-body /resources/css/textarea.css" data-id="text1" spellcheck="false" contenteditable="true">
<p></p></body>

我不太了解如何申请这门课程。

Answer 1

body_class（和body_id）配置选项不应引用CSS文件，它们仅用于定义应应用于{{class或id的{{1}}或<body>编辑器中的1}}标签：

例如：

tinymce.init({
  selector: 'textarea',
  body_id: 'my_id'
});

...或...

tinymce.init({
  selector: 'textarea',
  body_class: 'my_class'
});

除此之外，您可以使用content_css配置选项定义CSS以应用于您通过外部CSS文件添加到class标记的id或<body> 。例如：

tinyMCE.init({
  selector: 'textarea',
  content_css : 'myCusomStyles.css'  
});

您使用的CSS文件应具有对您指定的class或id进行样式设置的声明：

body.my_class {
  background-color: yellow;
}