MediumEditor - 웹용 인라인 텍스트 편집 툴바

누구나 알고있다. Medium.com 및 그들의 격렬하게 대중적인 blogging 플래트 홈. 그들 디자인 세계에서 많은 아이디어를 재정의했다. 디자인을 복제하는 방법을 가르치는 많은 자습서를 찾을 수 있습니다..

당신이 좋아할만한 도구는 MediumEditor 플러그인 순수한 JavaScript를 기반으로합니다. 그것은 당신에게 사용자 정의 인라인 텍스트 편집기 추가 매체 블로그 사이트와 동일한 디자인의 모든 페이지로 이동합니다. 따라서 독자는 대담하고 이탤릭체로 표시하고 링크, 헤더 등을 추가 할 수 있습니다., 간단한 시각 도구 모음으로.

이 프로젝트는 어떤 방식 으로든 매체와 관련이 없으므로 공식 플러그인이 아닙니다..

그것은 사이트의 팬과 중간 디자인 스타일을 사랑하는 사람에 의해 만들어졌습니다. 너는 할 수있다. GitHub의 설정에 대해 자세히 알아보기 완전히 사용 가능한 모든 코드를 저장하는.

편집기 모든 주요 브라우저에서 작동합니다., Microsoft Edge와 IE의 최신 버전을 포함하여. IE7 이전 버전의 Internet Explorer도 지원합니다. 미친!

설치가 간편합니다. 모든 파일을 직접 가져 오기 npm 또는 Bower를 통해 또는 심지어 무료 온라인 CDN 사용 JSDelivr과 같은.

그럼 너는CSS와 자바 스크립트 파일 모두를 dd 귀하의 웹 사이트 헤더에 추가하십시오. 쉬워요.

거기에서, 너 편집자를 부르다. 한 줄의 코드로

 var 편집기 = 새 MediumEditor ( '. 편집 가능'); 

너는 할 수있다. 페이지 요소 목록 전달 편집기에서만 작동해야합니다. 그렇지 않으면 전체 페이지에서 실행되도록하십시오..

이 플러그인의 가장 실용적인 사용법은 WYSIWYG 편집기의 일부 유형 만들기 웹 앱.

그것 데이터를 앞뒤로 전달하는 것을 처리하지 못함 서버와 클라이언트 사이에서, 그래서 당신은 논리를 직접 만들어야합니다. 그래도이 플러그인은 처음부터 시작하는 것보다 훨씬 쉽습니다..

MediumEditor 데모 페이지의 맨 아래로 스크롤하면 확장 기능 목록 당신도 테스트 할 수 있습니다. 여기에는 다음이 포함됩니다 전체 값 수정, 와 함께 중간 스타일 버튼 과 다른 인터페이스 기능.

이 플러그인은 매체를 원하는 모든 팬에게 적극 권장됩니다. 그들의 일부를 복제하다 다른 프로젝트에서.