마크다운 편집기를 PHP 웹사이트에 통합하는 방법

王林
풀어 주다: 2023-02-24 11:54:01
원래의
3411명이 탐색했습니다.

마크다운 편집기를 PHP 웹사이트에 통합하는 방법

마크다운이란 무엇인가요?

마크다운은 일반 텍스트 편집기를 사용하여 작성할 수 있는 마크업 언어입니다. 간단한 마크업 구문을 통해 일반 텍스트 콘텐츠를 특정 형식으로 만들 수 있습니다. 조판과 글꼴 설정이 많은 Word와 같이 우리가 사용하는 워드 프로세싱 소프트웨어와 달리 조판 대신 간결한 구문을 사용합니다. 이를 통해 추가적인 조판 수정 없이 코딩에만 집중할 수 있어 간편하고 편리합니다. 많은 웹마스터 편집자는 마크다운을 사용하여 기사를 작성하는 것을 좋아합니다. Jianshu 및 Open Source China와 같은 플랫폼은 모두 마크다운 편집을 지원합니다.

웹사이트를 개발하기 위해 다양한 웹사이트 구축 시스템을 사용할 수도 있지만, 마크다운 통합은 매우 간단합니다. 시스템은 다를 수 있지만 여기서는 제 사이트를 예로 들어보겠습니다. Chanzhi 시스템의 내부 통합에 대한 설명은 참고용으로 전체 작동 프로세스를 보여주기 위한 것입니다.

작업 프로세스:

먼저, 해석기 showdown.js를 다운로드해야 합니다. 포털: https://github.com/showdownjs/showdown

그런 다음 콘텐츠 편집 페이지의 템플릿 파일에 showdown.js를 도입합니다. 가운데.

다음 JS 코드를 도입하세요:

function compile(){
    var text = document.getElementById("content").value;
    var converter = new showdown.Converter();
    var html = converter.makeHtml(text);
    document.getElementById("result").innerHTML = html;
}
로그인 후 복사

위 코드에서 텍스트는 입력한 마크다운 구문의 기사 내용을 가져온 다음 인터프리터 개체를 인스턴스화한 다음 인터프리터를 사용하여 입력한 기사 내용을 번역하는 것입니다. 대상 스타일에 인터페이스 콘텐츠, 즉 html을 출력할 수 있습니다.

참고: 다양한 시스템의 특정 작업에 따라 일부에는 데이터베이스 필드 생성 등이 포함될 수 있습니다. 코드 도입도 시스템 아키텍처 및 확장 원칙에 따라 다릅니다.

위 내용은 참고용입니다!

추천 튜토리얼: PHP 비디오 튜토리얼

위 내용은 마크다운 편집기를 PHP 웹사이트에 통합하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!