マークダウンエディタをPHP Webサイトに統合する方法

マークダウンとは何ですか?

Markdown は、通常のテキスト エディタを使用して作成できるマークアップ言語であり、単純なマークアップ構文を通じて、通常のテキスト コンテンツを特定の形式にすることができます。私たちが使用する Word などのワープロ ソフトウェアとは異なり、多数の植字やフォント設定が必要です。植字ではなく、簡潔な構文を使用します。これにより、追加の組版変更を必要とせずにコーディングに集中できるため、シンプルで便利です。多くのウェブマスター編集者はマークダウンを使用して記事を書くことを好み、Jianshu や Open Source China などのプラットフォームはマークダウン編集をサポートしています。

Web サイトの開発に別の Web サイト構築システムを使用している可能性がありますが、心配する必要はありません。Markdown の統合は非常に簡単です。システムは異なる場合がありますが、原則は同じです。ここでは自分のサイトを次のように使用します。 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 Webサイトに統合する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。