【Rails】UIkit - HTML editorを使って簡単にマークダウンエディターを実装

2021年4月10日 23:29
# はじめに Ruby on RailsではAction Textという機能を使うことで簡単にリッチテキストエディターを実装することができます。 <iframe class="hatenablogcard" style="width:100%; height:155px; max-width:680 [...]

【CSS】CSSだけでMarkdownのコードにファイル名をつける

2021年6月6日 14:04
# はじめに Markdownのコードに、そのコードがどのファイルのものなのかを示すためにファイル名が書いてあるとわかりやすいです。以下はQiitaの記事でコードを書いたときの一例です。 <img data-src="https://i.imgur.com/xO6MLjc.png" class="l [...]

【Rails】Markdownで記事を書く!『redcarpet+rouge』の導入・使い方を解説【シンタックスハイライト対応】

2021年4月5日 21:54
# はじめに 当ポートフォリオサイトの記事投稿画面では、長らくRails6の新機能・Action Textを使っていました(Action Textについては下記の記事をご覧ください)。 <div class="iframely-embed"><div class="iframely-responsi [...]