通常のビジュアルエディターをマークダウンエディターに置き換えた場合のフロントエンド表示の問題について、どのように解決しますか?

WBOY
リリース: 2016-09-05 08:59:54
オリジナル
1119 人が閲覧しました

タイトルの通り、今考えているアイデアは2つあります。 1つ目は、フロントエンド処理にjsを使うことですが、検索エンジンとの親和性が低いのではないかと個人的に感じています。マークダウンテキスト。
2 番目の方法は、コードの一貫性を確保するために、出力時にマークダウン テキストを HTML に変換する方法です。ただし、この方法にはバグがあります。独自のフレームワークをマークダウン変換をサポートするように大幅に変更することはできますが、他のプラグインを開発したり、開発フレームワークがすでに準備されている場合、ビュー内の広い領域を変換するのは困難になります。それ。

私は、Chanzhi マークダウン エディタ拡張機能に最初の方法を実装しました。最近、コンテンツの出力を簡単かつ効果的に制御するための 2 番目の方法を考えています。

1. 文字列の内容を判断する方法。マークダウン テキスト
2. ビュー テンプレートを変更せずにマークダウン コンテンツを一括変換する方法

上記を踏まえて、マークダウン表示の解決策を皆さんと共有したいと思います。

追記:
Chanzhi マークダウン エディターは、マークダウンの入出力として editmd を使用します。

拡張機能のソースコードは http://git.oschina.net/hainuo... から入手できます

返信内容:

タイトルの通り、今考えているアイデアは2つあります。 1つ目は、フロントエンド処理にjsを使うことですが、検索エンジンとの親和性が低いのではないかと個人的に感じています。マークダウンテキスト。

2 番目の方法は、コードの一貫性を確保するために、出力時にマークダウン テキストを HTML に変換する方法です。ただし、この方法にはバグがあります。独自のフレームワークをマークダウン変換をサポートするように大幅に変更することはできますが、他のプラグインを開発したり、開発フレームワークがすでに準備されている場合、ビュー内の広い領域を変換するのは困難になります。それ。

Chanzhi マークダウン エディター拡張機能に最初のものを既に実装しました。最近、コンテンツの出力を簡単かつ効果的に制御する方法を考えています。

1. 文字列のコンテンツがマークダウンであることを判断する方法。コンテンツ

2. ビューテンプレートを変更せずにマークダウンコンテンツを一括変換する方法

上記を踏まえて、マークダウン表示の解決策を皆さんと共有したいと思います。

追記:

Chanzhi マークダウン エディターは、マークダウンの入出力として editmd を使用します。

拡張機能のソースコードは http://git.oschina.net/hainuo... から入手できます

個人的には、最初のオプションの方が好きです。

まず第一に、これはフロントエンドとリアエンドの分離にさらに役立ちます。たとえば、フロントエンドが複数の表示スタイルに適応する場合、バックエンドはコードを変更する必要がありません。

次に、検索エンジンの組み込みに関してあなたが言及した問題についてですが、Markdown テキストでも非常に読みやすいと思います。さらに、非同期読み込みとシングルページ モードを使用して設計される Web サイトが増えるにつれて、検索エンジンのクロール メカニズムが徐々に改善されてきました。さらに、メタを通じてキー情報を直接指定することもできます。

文字列がマークダウンかどうかの判断方法については、判断する必要はないと思います。マークダウンでない場合は、マークダウンを使用して解析しても、出力されるのは最も基本的なテキストになります。

ビューを変更せずにコンテンツを変換することは、実際には上で述べた落とし穴を踏むことになります。つまり、バックエンドの変換では、フロントエンドとバックエンドが分離されていない状況を回避するのが困難です。変換には変換プログラムが必要です。そしてビューモジュールのコードは幸不幸を分かち合う問題です。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート