Javascript HAMLエディター

Question

JavaScriptベースの HAML エディターを知っている人はいますか？私は TinyMCE のような、HAMLを理解するものを探しています（したがって、インデントと強調表示が正しく行われます）

構築中の動的なWebサイトにこのようなエディターを使用することを考えています。

明確化 私が構築しているサイトでは、ユーザーはレイアウト（レールの意味で）とcssを定義できます。テキスタイルやマークダウンよりもきめの細かいコントロールが必要なので、マークダウンに生のhtmlを含めることができますが、hamlは非常にきれいです。

Answer 1

この質問にしばらく答えていないことに気付きました。これは完全な答えではありませんが、 MarkItUp をご覧ください。具体的には、WYSIWYGエディターではなく 、拡張可能で使いやすいマークアップエディターです。 HAMLを直接サポートしていませんが、さまざまな言語をサポートするために拡張するのはかなり簡単です。また、サーバーへのAJAXラウンドトリップを実行できるため、サーバー側レンダラーを使用してマークアップをプレビューできます。

Answer 2

HAMLは、ページ構造を定義するよりエレガントな方法として設計されました。あなたがやろうとしているように、テキストをフォーマットするために使われることを意図していませんでした。

この場合、マークダウンまたはテキスタイル。これらの両方にはすでにWYSIWYGがあります（ Markdown 、テキスタイル用（分岐バージョン））、およびHamlにはHTMLに変換するための組み込みフィルターがあります。

e.g。：

#content
  :markdown
    @post.body

（Hamlのすばらしいスペースインデントは出力時にも保持されます！）

Answer 3

javascript HAMLコードの解釈のために、かなり基本的なものを実行しています。または、 jHaml javascriptソースに直接アクセスできます。