http://webdir.tistory.com/487
http://webdir.tistory.com/487
CKEditor 스타일 리스트에 스타일 추가하기
ckeditor/styles.js 파일을 수정합니다.
CKEDITOR.stylesSet.add( 'default', [
{
name: 'r8 #999 default',
element: 'div',
styles: {
padding: '5px 10px',
background: '#999',
border: '1px solid #ccc',
'border-radius': '8px 8px 8px 8px'
}
},
] );
wordcount
설치 위치
> ckeditor/plugins/wordcount
설정 추가 ckeditor/config.js
config.extraPlugins = 'wordcount,notification';
config.wordcount = {
// Whether or not you want to show the Paragraphs Count
showParagraphs: true,
// Whether or not you want to show the Word Count
showWordCount: true,
// Whether or not you want to show the Char Count
showCharCount: false,
// Whether or not you want to count Spaces as Chars
countSpacesAsChars: false,
// Whether or not to include Html chars in the Char Count
countHTML: false,
// Maximum allowed Word Count, -1 is default for unlimited
maxWordCount: -1,
// Maximum allowed Char Count, -1 is default for unlimited
maxCharCount: -1,
// Add filter to add or remove element before counting (see CKEDITOR.htmlParser.filter), Default value : null (no filter)
filter: new CKEDITOR.htmlParser.filter({
elements: {
div: function( element ) {
if(element.attributes.class == 'mediaembed') {
return false;
}
}
}
})
};
spacingsliders for ckeditor
다운로드> 여기클릭
설치 위치
> ckeditor/plugins/spacingsliders
설정 추가
> config.extraPlugins = 'spacingsliders';
CKEditor Plugins <Hkemoji>
다운로드 경로 > https://ckeditor.com/cke4/addon/hkemoji 또는 여기클릭
설치경로> ...ckeditor/plugins/hkemoji
[환경 설정]
ckeditor/config.js
config.extraPlugins = 'hkemoji';
config.toolbar = [
...
{ name: 'insert3', items: [ 'HKemoji' ] },
...
];
적용시 이미티콘 이름을 직접 지정해 줘야 하는 문제가 있어서 사용하지 않음
XE 에디터 컴포넌트의 이모티콘을 사용하면 동일한 구성이 가능함
무척 훌륭함