web-dev-qa-db-ja.com

WYSIWYG対MarkDown-中間点はありますか?

ユーザーが自分のサイトのコンテンツを編集できるようにする方法を見つけようとしています。現在は画面幅に応じてフォーマットされたテキストのみですが、コンテンツをより細かく制御できるようにしたいと思います。

  • 太字、斜体、下線
  • 画像、動画を追加する
  • コードスニペットを追加する

私は本当に彼らにページダウンのようなものを使うことを強制したくありません-私のユーザーの多くは中学校や高校にいて、「コーディ」体験にイライラするかもしれません。でもページダウンがすっきりした感じが好きです。このメッセージを入力しても、問題はないようです。 WYSIWYGは、ボタンの下にある予測できない混乱のように、私をオンエッジで感じさせます。

どのようなオプションがありますか?肥大化した端で私はtinyMCEを見つけました。これは間違いなくオプションではありません。NICEditに至るまで、私は非常に真剣に検討しています。カスタマイズ性が高く、軽量で、ユーザーフレンドリーなインラインコンテンツエディターを探している人に何を勧めますか?

21
SB2055

ユーザーがドキュメントまたはページの外観の外観を正確に制御できるようにすることが目標である場合、実際にはWYSIWYGのようなものを使用する必要があります。しかし、私の経験では、それが必要になることはめったにありません。

コンテンツのレイアウトではなく、content自体に焦点を当てている場合は、マークダウンを使用することを強くお勧めします。 MarkdownはStack ExchangeやDiscourseなどの多くのWebサイトで既に使用されているため、オーディエンスによっては、Markdownにすでに慣れていることがわかります。これにより、ユーザーは自分がどのように見せたいかではなく、何を言いたいかに焦点を合わせることができます。全体的な結果として、コンテンツがフォーカスされます。

[〜#〜] wysiwym [〜#〜] エディターを使用するための3番目の代替方法。ここでの焦点は、レイアウトではなく意味論的意味です。これは、コンテンツが意味的に豊富である場合に利点があり、何かに基づいてカスタムレイアウトを指定できます。 WYMeditor は、私がこれまで見てきた中で、おそらくこれの最良の実装です。

私の経験では、理解しやすいのでマークダウンが最良の中間点であり、マークダウンフォーマットをまったく使用しなくても、簡単に書くことができます。このサイトにあるような、WYSIWYGとマークダウンのベストを組み合わせた非常に優れた実装もあります。

要約すると:
外観に焦点を合わせる-WYSIWYG
コンテンツに焦点を合わせる-マークダウン
セマンティクスに焦点を合わせる-WYSIWYM

15
JohnGB

マークダウンは素晴らしいですが、万能薬ではありません。ここでそれを提案するすべての人に、私はそれが適切ではないかもしれない次の理由を繰り返し述べたいと思います:

  • 私の意見では、Markdownは、一度学んだら望ましいと思います。ただし、使用する前に構文を学習する必要があります。子供向けのサイトの場合、マークダウン構文は学習曲線が急すぎる可能性があります。

  • Markdownは、必要になる可能性のある機能を提供しません(例:テキストを中央/右/両端揃え、テキストの色付け、フォントの選択など)。

  • Markdownには、編集領域と表示領域の2つの視覚的表現が必要です。これはすべてのインターフェースで機能するわけではありません。

もちろん、WYSIWYGエディターにも欠点があります。

あなたが説明しているすべてのもの(軽量でカスタマイズ可能なオープンソース)は見つかりませんでした。フリーではないソフトウェアを利用している場合は、Redactorをチェックしてください。自分では購入していませんが、探している機能がたくさんあるようです。

4
Lorenz Forvang