ckeditor에서 사용할 때 html 코드에 CSS를 적용하는 방법

Question

아래 표에서 th에 배경색을 추가 했으므로 정상적으로 잘 작동합니다. 우리가 ckeditor에 동일한 코드를 사용하는 경우에, 스타일은

<table> 
 
    <thead> 
 
    <tr> 
 
     <th colspan="5" style="text-align:center; 
 
\t    background: green;color:#fff;">SPECIAL CLASSES TIME TABLE 
 
     </th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <th>Firstname</th> 
 
     <th>Lastname</th> 
 
     <th>Email</th> 
 
    </tr> 
 
    <tr> 
 
     <td>John</td> 
 
     <td>Doe</td> 
 
     <td>john@example.com</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Mary</td> 
 
     <td>Moe</td> 
 
     <td>mary@example.com</td> 
 
    </tr> 
 
    <tr> 
 
     <td>July</td> 
 
     <td>Dooley</td> 
 
     <td>july@example.com</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

이 적용된 스타일의 CSS 클래스를 만들고 적용하고 다음과 같이 ckedior의 contentCss 설정되지

CKEDITOR.config.contentsCss = '/mycustom.css';