정보&강의 XE Ckeditor Div 스타일 추가하기

XE로 글을 쓰면 일일이 스타일 지정하기 귀찮다.
한번 맘먹고 DIV 스타일을 지정해 놓으면 다음부터는 클릭만 하면되니 글쓰는데 좀 부담이 없다.
인터넷상에서 가독성이 좋은 방식이라는 스타일로 폰트를 설정해서 적용하면 어느정도는 봐줄만한 스타일이 나올 것이다.
 
수정 위치는
./common/js/plugins/ckeditor/ckeditor/style.js 이다.
아래 소스를 찾아서

{
name: 'Special Container',
element: 'div',
styles: {
padding: '5px 10px',
background: '#eee',
border: '1px solid #ccc'
}
},

그 밑에 아래 형식으로 DIV 요소를 추가하면 된다.

스타일 태그에 -가 들어가면 ''로 감싸자.

{
name: 'Blue Left-Bar Container',
element: 'div',
styles: {
padding: '0px 0px 0px 10px',
margin: '0px 0px 20px',
background: '#fff',
'box-sizing': 'border-box',
'line-height': '1.2',
'font-size': '18px',
'border-left': 'thick double #00A2E8',
color: 'rgb(85, 85, 85)',
}
},
 
{
name: 'White BG Container',
element: 'div',
styles: {
padding: '10px 10px 10px 10px',
background: '#fff',
'line-height': '26px',
'letter-spacing': '-1px',
'wkord-spacing': '1px',
'font-size': '14px',
border: '1px solid #ccc'
}
},

#XE #div #ckeditor