文章/答案/技术大牛

发布

社区首页 >问答首页 >tinymce textarea body类不适用

问tinymce textarea body类不适用
EN

Stack Overflow用户

提问于 2016-11-17 08:04:59

回答 1查看 2.4K关注 0票数 1

我在jsp中处理tinymce文本区域。我只想在一个文本区域应用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样式不适用，因为字体大小不是14。

如何应用body-class只使用id textarea？

定义jsp中的text1

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

                </textarea>

编辑的

我在路径/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>

我不太明白如何应用这门课。

css

tinymce

textarea

stylesheet

回答 1

Stack Overflow用户

发布于 2016-11-18 14:39:10

body_class (和body_id)配置选项不应该引用CSS文件，它们仅用于定义应用于编辑器中的<body>标记的class或id：

class id

例如：

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

...or...

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

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

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

您使用的CSS文件应该具有样式为您分配的class或id样式的声明：

body.my_class {
  background-color: yellow;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40649600

复制

相似问题

问tinymce textarea body类不适用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问tinymce textarea body类不适用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问tinymce textarea body类不适用
EN