TinyMCE에 스타일을 추가하는 방법 및 Markdown Content

많은 작가들이 선호한다. Markdown에서 일하기 장애물이 적은 간단한 언어이기 때문입니다. 완벽 함과는 거리가 멀지 만, 텍스트의 깨끗한보기 용이함과 함께 HTML로 내보내기.

불행히도, 기본 Markdown 스타일은 보통 꽤 지루합니다. 그러나 wysiwyg.css 라이브러리, 너는 할 수있다. 활기찬 문서가있다. 곧.

이 무료 CSS 라이브러리는 모든 기본 TinyMCE 또는 Markdown 콘텐츠를 HTML 형식의 읽기 쉬운 블록.

이 플러그인을 사용하기 위해 복잡한 HTML / CSS를 알 필요가 없습니다. 간단히 생성 된 내용을 감싸다. 수업과 함께 div에 .Wysiwyg, 너는 모두 설정되어있다..

실제 어려움은이 프로세스를 자동화하거나이 라이브러리를 사용자 관리 패널의 백엔드에 추가하는 앱을 만드는 것입니다.

그러나 가능성은 무한합니다.이 기능을 사용할 수도 있습니다. 현지 작문 작업 콘텐츠를 내보내려면 Markdown에서 HTML로.

기본적으로이 CSS 라이브러리에는 모든 주요 HTML 태그 지원 상상할 수 있는. 여기에는 모든 헤더, 목록, 링크, 사전 / 코드 태그, 수치, 심지어는 애매한 태그까지 포함됩니다. 과 . 거기에 전체 목록 체크 아웃하려면 GitHub 레포에서.

자신 만의 활자체 스타일을 정의하면 기본 설정 다시 쓰기 스타일 시트에. 따라서 wysiwyg.css의 모든 이점을 누릴 수 있습니다. 자신의 글꼴 선택과 혼합.

라이브러리를 설정하는 것이 더 쉬울 수도 없습니다. 다만 로컬에서 사본을 다운로드하십시오. 또는 직접 잡아 당기다. ~을 사용하여 npm wysiwyg.css를 설치하십시오.

거기에서, 당신은 단지 CSS 파일 포함 문서 머리에 넣고 실행 시키십시오. 콘텐츠 만 타겟팅합니다. 클래스가있는 컨테이너 내부 .Wysiwyg, 이 클래스는 원하는 컨테이너를 래핑해야합니다..

도서관은 아직 존재하고있다. 세미 자주 업데이트 됨, 너는 할 수있다. 최근 업데이트 찾기 메인 GitHub 레포에서. 새로운 업데이트에 대한 제안이나 아이디어가 있다면 Jeremy Thomas와 그의 Twitter 페이지 @jgthms에서 자유롭게 공유하십시오..