2016-11-17 2 views
0

Я работаю с текстовыми полями tinymce в jsp. Я хочу применить стиль CSS только в одном текстовом поле.tinymce textarea body-class не применяется

определение 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.

Как я могу применить тело-класс только идентификатор TextArea TinyMCE

Определение text1 в JSP

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

       </textarea> 

EDITED

У меня есть CSS в пути /resources/css/textarea.css

Я изменил СПЯ с

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> 

Я не понимаю очень хорошо, как применять класс.

ответ

0

body_classbody_id) параметры конфигурации не должны ссылаться на файлы CSS они просто используются для определения class или id, которые должны быть применены к <body> тега в редакторе:

https://www.tinymce.com/docs/configure/content-appearance/#body_class https://www.tinymce.com/docs/configure/content-appearance/#body_id

Например:

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

... или ...

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

Отдельно от этого вы можете использовать опцию content_css конфигурации, чтобы определить CSS для применения к class или id добавить к <body> тега через внешний файл CSS. Например:

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

Файл CSS используется должны иметь декларации, что стиль class или id вы назначили:

body.my_class { 
    background-color: yellow; 
} 
Смежные вопросы