Reveal.js+Markdownでスライドページが作れない件【Windows】
こんばんは。てちこまです。
今回はReveal.jsという最高にCoolなスライド作成ツールを使おうとして詰まったところをご紹介します。
導入方法とかは最高に丁寧な記事があるのでそちらで見てもらうとして問題はこのままの手順でWindows勢が行うとスライドページの新規作成が出来ない場合があるんです。
1 2 3 4 5 6 7 8 9 10 |
<div class="reveal"> <div class="slides"> <section data-markdown="hogehoge.md" data-separator="^\n\n\n" data-separator-vertical="^\n--\n" data-separator-notes="^Note:"> </section> </div> </div> |
はい、ここー。改行コード正規表現がLF(\n)なんです。WindowsだとデフォルトではCRLF(\r\n)なんですよね~。つまり\nを\r\nに変えてあげるとちゃんと動作します。
Web界隈だとMac、Linuxユーザが多いからQiitaの記事もぼーっと見てたらどツボにハマります。
VScodeだと右下でLFとCRLF切り替えが出来ますのでそちらで対応するのもいいかもしれません。