묻고답하기
ckeditor style.js 에 div 관련 border-radius 를 적용하면 문제가 생깁니다.
2016.01.21 01:38
1. 원하는 기능
ckeditor 의 DIV</> 버튼을 눌러서, 여러 종류의 DIV style을 적용하려고 합니다.
2. 수정한 내용
common/js/~~~~~/ckeditor/styles.js 파일의 내용에 내용을 추가하였습니다.
// Add div style 20160104 PM13:21
{
name: 'Dashed ----------', // 짧은 실선
element: 'div',
styles: {
padding: '5px 10px',
background: '#eee',
border: '1px dashed #555' // 색 조금 진하게
}
},
{
name: 'Dotted ··········', // 점선
element: 'div',
styles: {
padding: '5px 10px',
background: '#eee',
border: '1px dotted #555'
}
},
// Add div style 20160120 AM11:30
{
name: 'Rounded-Edge', // 둥근 테두리
element: 'div',
styles: {
padding: '5px 10px',
background: '#afa',
border: '2px solid #333',
// border-radius: '40px/10px'
}
},
3. 문제점
실선, 점선은 아무 문제가 없이 잘 되었습니다만, 오늘 둥근 테두리를 추가하려고, border-radius 부분을 추가하니까 DIV 추가창에서 DIV Combo List 가 먹통이 되어버렸습니다.
- border-radius 라인을 주석처리하면 문제가 없어집니다.
- border-radius: '10px' 로도 해보고, 인터넷 보고 다른 옵션으로도 변경해 봤는데 같은 증상입니다.
뭘 잘못한건지, 원래 안되는건지 잘 모르겠습니다.
태그 연관 글
- [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 *2
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
- [2018/06/15] 묻고답하기 가변형 반응형 홈페이지 수정 문의 드립니다
- [2018/06/12] 묻고답하기 레이아웃 수정 메뉴바 하단 간격 수정 ㅠㅠ
- [2017/08/21] 묻고답하기 레이아웃 수정 좀 봐주세요 *2
