LoginSignup
10

More than 5 years have passed since last update.

marked.jsを使ってリアルタイムにマークダウン変換したら、改行が反映されなかった

Posted at

やりたかったこと

railsを使い、テキストエリアに文字を入力するとリアルタイムでマークダウンに変換。
ちょうどqiita投稿画面のようなイメージです。

markdown2.PNG

導入手順

以下記事を参考に、railsでqiita-markdownというgemを導入。

参考:5分でRailsアプリにマークダウンとプレビューを実装。

結構簡単に導入できて、「おっ、これ便利で良いな」と思ったのも束の間。

markdown1.PNG

改行がうまく反映されないのです…(上記「bcd」部分)

解決法

marked.jsの改行オプションが、デフォルトでfalseになっているだけでした…


<script type="text/javascript">
marked.setOptions({breaks : true});
...
</script>

なんかいろいろ調べても解決法が見つからなかったので、同じことで詰まりそうな人がいそうだなと思った為記事投稿。
使うライブラリのドキュメントはしっかり読みましょうということですねぇ

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10