php網站如何整合markdown編輯器

王林
發布: 2023-02-24 11:54:01
原創
3410 人瀏覽過

php網站如何整合markdown編輯器

markdown是什麼?

Markdown是一種可以使用普通文字編輯器編寫的標記語言,透過簡單的標記語法,它可以使普通文字內容具有一定的格式。它用簡潔的語法代替排版,而不像一般我們用的文字處理軟體 Word 等有大量的排版、字體設定。這使得我們能夠專心的碼字,而不需要額外地進行排版修飾,既簡單又方便。許多站長編輯都喜歡用markdown來寫文章,像是簡書、開源中國等平台都支援markdown編輯。

大家可能用的是不同的網站建立系統開發的網站,但不必擔心,markdown的整合很簡單,雖然系統可能不同,但原理都是一樣的,這裡我借助我自己的站點為例,就不過多的講解蟬知系統內部集成,只是給大家示範下整體的操作流程,以供大家參考。

操作過程:

首先,我們需要先下載解釋器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;
}
登入後複製

上面程式碼中,text是取得你輸入的markdown語法的文章內容,然後實例化解譯器對象,然後使用解釋器將你輸入的文章內容翻譯成目標樣式的介面內容,即html,然後輸出即可。

註:根據不同系統的具體操作不同,有的可能會涉及到資料庫欄位建立等,程式碼的引入方式也因不同系統架構、擴充原理不同而又差別。

以上內容僅供參考!

推薦教學:PHP影片教學

#

以上是php網站如何整合markdown編輯器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!