2

wysiwyg 形式が制限されたオンライン マークダウン エディターを作成したいと考えています。iA Writerに精通している場合は、デスクトップ バージョンに似たエディターを作成しようとしています。ほとんどの場合、単純なテキスト エディターですが、私が複製しようとしているいくつかのおしゃれなことを行います。

  • *イタリック*、**ボールド*****ボールド イタリック***の場合、自動的に下線/太字が付きます
  • インデント ">" ブロック引用
  • 「#」ヘッダーと「-」リストをアウトデントして、テキストが左揃えになるようにします。これは、古い 3 穴パンチライン用紙で、テキストを赤い線に揃えて、リスト番号をその左側に配置できるようにします。

これを実装する方法についていくつかの考えがありますが、それぞれにいくつかの懸念があります。

編集可能な iFrame

  • テキストをアウトデントしたり、css クラスを適用するにはどうすればよいですか
  • 書式設定は自動的に行われるため、テキストの選択を変更し、再書式設定してから、元の選択場所に戻るにはどうすればよいですか?
  • 編集可能な iFrame に別のページをロードして、より高度な機能を実行できると聞きましたが、私はそれについてあまり詳しくありません - 何か良いリソースはありますか?

純粋な Javascript

  • 入力またはテキストエリアでこれを行うことができないと思うので、エリアに点滅カーソルを作成するにはどうすればよいですか...
  • クリックすると入力ボックスに変換されるすべての行を div にする可能性があります (質問をするときにタグ ボックスがタグ ボックスでどのように機能するかに似ています (ただし、インライン フォーマットでは機能しません))。

このようなことをする方法について何か提案はありますか?

4

1 に答える 1

2

良い出発点は、Markdown Editor と強力な API を既に提供している Code Mirror (http://codemirror.net/) を調べることです。

その上に機能とライブ レンダリングを追加できるはずです。

于 2012-07-23T10:22:32.183 に答える