自作MarkDown記法の開発

自作MarkDown記法の開発

概要

普通のマークダウンでは表現の限界があるので、タグとクラスの設定ができるものを作成した

構文

[div .memo]{text}

↓

<div class = "memo">
text
</div>

苦労したポイント

このコードを説明しようと思ったら、説明するためのコードも変換されてしまい、コメントアウト機能を付ける必要があることに気づいた。
deepseek-r1にお願いして作成してもらったが、
コメントアウトなしバージョンは、一切のエラーをはかずに行けるが、
コメントアウトを実装すると絶対にうまくいかないという罠にはまった。

解決策

コメントアウトの回数を数えて偶数個の時は変換し、奇数個の時は変換しないようにしてと、具体的なアルゴリズムベースで指定をすると、うまく通すことができた。
また、地味に重要なのが、コメントアウトの文字列は、前後を改行させたほうがいい。
そうすることで、コメントアウトの後ろのコードを巻き込むことがなくなった。

見た目の変化

//  super new !!
[.memo]{
text
}
//仕様変更しました

//  new!!
[div .memo]{

text

}

//  old...
<div class = "memo">

text

</div>

カッコよくなった！！
以上。

この文章は、自作エディタで編集したものである。