2016-11-17 1 views
0

jsp에서 tinymce textareas로 작업합니다. 한 텍스트 영역에서만 CSS 스타일을 적용하고 싶습니다.몸체 클래스가 적용되지 않습니다.

텍스트 영역의 정의는 JSP에서 스타일의 정의는 내가 파이어 폭스와 함께 작동

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

입니다

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

    }); 

입니다. 네비게이터 콘솔 파이어 폭스에서 출력은 다음과 같습니다 글꼴 크기 내가 몸 급 전용 아이디 텍스트 영역 TinyMCE에 어떻게 적용 할 수 있는지 14

하지 않기 때문에

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

그러나 styleTextArea 스타일이 적용되지 않습니다

JSP

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

       </textarea> 

에서 정의 텍스트 1은

편집

나는 경로에 CSS를 내가이 내가 이해하지 못하는 브라우저 네비게이터

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

입니다

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



    }); 

과 JSP를 수정

/resources/css/textarea.css이 클래스를 적용하는 방법을 잘 설명합니다.

답변

0

body_class (및 body_id) 그들은 단순히 정의하는 데 사용되는 CSS 파일을 참조하지 말아야 구성 옵션 class 또는 편집기에서 <body> 태그에 적용되어야한다 id :

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' 
}); 

구분이에서 당신이 class 나에 적용 할 CSS를 정의 할 수 content_css 구성 옵션을 사용할 수 있습니다 id 외부 CSS 파일을 통해 <body> 태그에 추가합니다. 예를 들어 :

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

당신이 사용하는 CSS 파일은 해당 스타일 선언이 있어야 class 또는 id 사용자가 할당 :

body.my_class { 
    background-color: yellow; 
} 
관련 문제