정보&강의 XE Ckeditor Div 스타일 추가하기
- 운영자
- 289
- 0
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
이런 글도 찾아보세요!
댓글 0
권한이 없습니다. 로그인