반응형
SMALL
Froala Editor License Key 셋팅방법!
$('Selector').froalaEditor({
key : 'KEY Value'
, ~~
})
이렇게 발급받은 키값을 셋팅해주고 원하는 옵션들을 적용해주면 완료! 됍니다.
ex)
$('Selector').froalaEditor({
language : 'ko'
, key : 'KEY Value'
, height: 400
, zIndex: 5001
, quickInsertButtons: ['table', 'ul', 'ol', 'hr']
, toolbarButtons: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'insertLink', 'embedly', 'insertTable', '|', 'spellChecker', 'help', 'html', '|', 'undo', 'redo']
, toolbarButtonsXS: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'insertLink', 'embedly', 'insertTable', '|', 'spellChecker', 'help', 'html', '|', 'undo', 'redo']
, toolbarButtonsSM: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'insertLink', 'embedly', 'insertTable', '|', 'spellChecker', 'help', 'html', '|', 'undo', 'redo']
, toolbarButtonsMD: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 'formatOL', 'formatUL', 'outdent', 'indent', 'insertLink', 'embedly', 'insertTable', '|', 'spellChecker', 'help', 'html', '|', 'undo', 'redo']
});
ps.
https://froala.com/wysiwyg-editor/examples/
반응형
'Front-End > javascript' 카테고리의 다른 글
이클립스 javascript 흑백일때 조치방법 (2) | 2022.11.17 |
---|---|
[ javascript ] 현재 날짜 구하기 (1) | 2021.09.02 |
[ eChart ] pie chart - legend : scroll, labelLine 설정방법 (0) | 2021.05.28 |
[ javascript ] 대/소문자 변환 (0) | 2021.04.28 |
[ javascript ] event.target과 event.currentTarget (0) | 2021.04.20 |