Markdownのテーブル内にチェックボックスを作成するため、チェックボックス- [ ]を書いてみたがうまくいかない。
はじめに
以下の表のような、オペレーション手順を表にして、作業が終わったら一つずつチェックをつけていくような表を作りかかった。
| チェック | TODO |
|---|---|
| ここにチェックボックス | TODO |
対象読者
- はじめに書いたような表の作りたい人
- 作り方を知ってる人(教えてください。)
問題
表内にチェックボックスを作成すると、変換されずにMarkdown記法- [ ]がそのまま出力されてしまう。
| チェック | TODO |
|---|---|
| - [ ] | TODO |
| チェック | TODO |
|:-:|:-:|
| - [ ] | TODO |
原因
わからない！！
なぜ、表内にチェックボックスは正しく変換されないんだろう。
この辺りは、markdownの仕組みを理解していないとわからないんだろうか。。。
ご存知のかた居ましたら教えて下さい。
代替案
表内にHTMLでチェックボックスを作成する。
type="checkbox"の場合に指定可能な属性
type="checkbox"
チェックボックスを作成する
使用例
<input type="checkbox" name="riyu" value="2">役に立つ
-
チェックボックス作成
<input type="checkbox">テスト -
出力結果
テスト -
結果
チェックボックスが表示されずテストという文字のみ出力されていまいました。 -
原因
[Qiitaで無効になったHTMLタグ][Qiitaで無効になったHTMLタグ]
Qiita Blog(公式)：QiitaにおいてHTML要素の属性指定ができなくなりました(17/6/20)
HTMLでチェックボックスが表示されなかったのは、どうやらこの対応のようですね。
参考
参考にしたWebサイトや技術書などを列挙する
- [
<input type="checkbox">…… チェックボックスを作成する][チェックボックス]
[チェックボックス]:http://www.htmq.com/html5/input_type_checkbox.shtml -
Qiitaで使えるHTMLタグは？
[Qiitaで無効になったHTMLタグ]:https://qiita.com/APO/items/f2212bee7f0b2c69228f#%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9input-typecheckbox
あとがき
結果的に解決できなかったので、新しい方法を模索中