본문 바로가기
IT관련/REACT

CKEditor 툴바 커스텀(React)

by 양평 대저택 2021. 1. 18.

<CKEditor

data={this.state.data}
onChange={this.onEditorChange}
config={{
toolbar: [
["Bold", "Italic", "Strike Through"],
[
"Cut",
"Copy",
"Paste",
"Pasteasplaintext",
"FormattingStyles",
"Undo",
"Redo"
],
["List", "Indent", "Blocks", "Align", "Bidi", "Paragraph"],
["Find", "Selection", "Spellchecker", "Editing"]
]
}}
/>

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

 

- 참조

stackoverflow.com/questions/57576441/how-to-configure-ckeditor-toolbar-in-react-js

 

How to configure Ckeditor Toolbar in React JS?

I wanted to configure the Ckeditor toolbar in React, but I don't know where is the property details in the documentation. Ckeditor React integration documentation didn't help because it doesn't co...

stackoverflow.com

ckeditor.com/latest/samples/old/toolbar/toolbar.html

 

Toolbar Configuration — CKEditor Sample

This sample page demonstrates editor with loaded full toolbar (all registered buttons) and, if current editor's configuration modifies default settings, also editor with modified toolbar. Since CKEditor 4 there are two ways to configure toolbar buttons. Yo

ckeditor.com