Markdown 에디터별 기능 비교 페이지 정보 작성자 Docker 댓글 0건 조회 367회 작성일 20-07-26 03:51 목록 본문 | | CKE 4 | CKE 5 | Froala | Vditor | 마크다운 문법 | 비 고 | | - | - | - | - | - | - | - | | 굵게(Bold) | O | O | O | O | \*\*Bold** | | | 기울임꼴(Italic) | O | O | O | O | \*Italic* | | | 밑줄(Underline) | O | O | O | △ | \<u\>underline\</u\> | | | 취소선(Strikethrough) | O | O | O | O | \~~Strikethrough~~ | | | 표(Table) | O | O | O | O | \|col1\|col2\|<br>\|--\|--\|<br>\| \| \| | | | 순서있는 목록(Numbered List) | O | O | O(1) | O(2) | *, +, - | 1.2.[리스트모양](http://localhost:9000/render.html) | | 순서없는 목록(Bulleted List) | O | O | O(1) | O(2) | 1., 1) | 1.2. | | 체크박스(To-do List | | O | | O | - [ ], - [x] | | | 인용단락(Blockquote) | O | O | O | O | > | | | 그림삽입 | O | O | O | O | \![alt]\(url " ") | | | 링크삽입(Link) | O | O | O | O | \[](img link "")<br> \<링크\> | | | 코드스니펫(하이라이트) | O(1) | | | O(2) | \```bash<br>code<br>\``` | 1. PrimeJS 2. hljs | | 글꼴(Font Family) | O | O | O | X | `<span style="font-family:궁서체;">` | GFM spec에서 style을 지움 | | 글자크기(Font Size) | O | O | O | X | `<span style="font-size:16pt;">` | | | 글자색상(Font Color) | O | O | O | X | `<span style="color:#2ecc71;">` | | | 배경색상(Background) | O | O | O | X | `<span style="background-color:#f1c40f;">` | | | 정렬(Text Alignment) | O | O | O | X | `<p style="text-align: center;">` | | | 동영상 | O | O | O | O(1) | | 1. 다양한 사이트 지원 | | Imgur | O(1) | | | O | | 1. SIR은 자동 아파치는 메뉴에서 | | 제목(Heading) | | O(1) | O(2) | O(3) | #<br>##<br>~<br> ###### | 1. 헤딩3개, 2. 헤딩4개, 3. 헤딩6개 {헤딩id} | | Export to PDF | | O | | | O(1) | 1. Markdown, HTML도 지원 | | Special Characters | | O | O | | | | | Page Break | | O | | | | | | 윗첨자 | | | O | △ | \<sup\>윗\<sup\> | | | 아랫첨자 | | | O | △ | \<sub\>아랫\<sub\> | | | 인라인코드(Inline-code) | | | O | O | \`인라인코드\` | | | 하이라이트(Highlighted) | | | O | | | 노란색으로 | | 트랜스패런트(Transparent) | | | O | | | | | 인라인스타일 | | | O | | | | | 줄 간격(Line Height) | | | O | | | | | 이모티콘(Emoticons) | | | O | O(1) | \:thumbsup: \:+1: | 1.카카오톡 이모티콘:ry07: [GFM emoji](https://gist.github.com/rxaviers/7360908) | | 폰트어썸[Font awesome](https://fontawesome.com/v4.7.0/icons/) | | | O | | | | | 문단나눔 | | | O | O | --- | | | Embeded URL | | | O(1) | | | 1. 특이. | | 녹음(Recording) | | | | O | | | | Mermaidjs(각종챠트) | | | | O | | | | KaTex MathJax(수학공식) | | | O(1) | O | | 1. 3rd party로 wiris.com 지원함. | | MindMap(마인드맵) | | | | O | | | | Abcjs(악보) | | | | O | | | | Graphviz | | | | O | | | | 각주(Footnote) | | | | O | [^1], [^bignote] | | | 세부사항 숨기기(Summary) | | | | O | \<details\>\<summary\>\</summary\>\</details\> | | | 아웃라인 | | | | O | | | | CSV를 테이블로 | | | | O | | 콤마로 나눠진 | | 이미지 Drag&Drop | | | O | O | | 멀티파일 지원 | CKeditor4는 단점이 각각의 span에 넣어서 불필요한 텍스트 증가되는 문제 ```html <p style="text-align: center;"><span style="color:#2ecc71;"><span style="font-family:궁서체;"><span style="font-size:16pt;"><span style="background-color:#f1c40f;">테스트</span></span></span></span></p> ``` Froala는 하나의 스타일로 ```html <p><strong><em><u><span style='font-size: 24px; font-family: "Times New Roman", Times, serif, -webkit-standard; color: rgb(243, 121, 52); background-color: rgb(226, 80, 65);'>test</span></u></em></strong></p> ``` * FontAwesome 지원은 https://fontawesome.com/v4.7.0/examples/ 사이즈가 있네요. fa-lg, fa-2x, fa-3x, fa-4x, fa-5x :fa-camera: :fa-camera%2: :fa-address-book: :fa-camera%lg: 식으로 `:fa-`는 기존의 이모지와 다르게 폰트어썸을 나타내고 %뒤에 사이즈가 오도록 설정 * 카카오톡 이모티콘은 현재 ry01 :ry01: 로 되어 있는 것을 ryan-[smile, sad, 기쁨] 식으로 표한하게.. * 이미지 슬라이드 기능 https://mdnice.com/ 4.6에 있는 기능 `<! [] (url),! [] (url)>`구문을 사용하여 가로 슬라이딩 슬라이드로 세팅 * [PHP-markdown](https://michelf.ca/projects/php-markdown/extra/) 에 있는 Abbreviations도 필요할까요? 이전글마크다운의 새로운 문법을 고민해 보자 20.07.27 다음글Macbook Pro 15 2011 GPU 문제 해결 20.07.20 댓글 0 댓글목록 등록된 댓글이 없습니다.
