はじまり
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_001-1.png)
なんじゃそりゃ!
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
どうしたんだい?
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_001-1.png)
HTMLの中に”TODAY”を入れたら、何かおかしいことになった
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
なんじゃそりゃあ?
今回の事象
なんじゃそりゃ。
って感じのタイトルですが、そういうことが起きたので、記事に起こしてみました。
今回、起きた事象は、以下のMarkdown(HTML)を書いた時に、一部分だけテキストが表示されなくなってしまった事象です。
まず、ExcelとかGoogle Spreadsheetの関数をコードブロックにして表示させようとしました。言語を「Visual Basic」にすると、イイ感じにシンタックスハイライトされるのでそうしています。
しかし、このコードをブロックに入れると途中の2行が表示されないのです。
<table>
<tr>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_01.jpg">
</td>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_02.jpg">
</td>
</tr>
<tr>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_03.jpg">
</td>
<td>
<pre data-role="codeBlock" data-info="code:visualbasic" class="language-code:visualbasic"><code>=AND($L9<>"",$L9>$G9)
=AND($L9="",$G9<>"",$G9<TODAY())
=MOD(ROW(),2)=1
=AND($K9<>"",$K9<$F9)
=AND($K9="",$F9<>"")
=MOD(ROW(),2)=1</code></pre>
</td>
</tr>
</table>
まず、コードブロックにしたかったので、<pre>タグで書いてみたら・・・、
<td>
<pre data-role="codeBlock" data-info="code:visualbasic" class="language-code:visualbasic"><code>=AND($L9<>"",$L9>$G9)
=AND($L9="",$G9<>"",$G9<TODAY())
=MOD(ROW(),2)=1
=AND($K9<>"",$K9<$F9)
=AND($K9="",$F9<>"")
=MOD(ROW(),2)=1</code></pre>
</td>
なんだか一部消えてしまっています。
![](https://www.endorphinbath.com/wp-content/uploads/2022/04/20220213_01-1024x271.jpg)
次に、<pre>タグは諦めて、ただのテキストにしても・・・、
<td>
<a>=AND($L9<>"",$L9>$G9)<br>
=AND($L9="",$G9<>"",$G9<TODAY())<br>
=MOD(ROW(),2)=1<br>
=AND($K9<>"",$K9<$F9)<br>
=AND($K9="",$F9<>"")<br>
=MOD(ROW(),2)=1</a>
</td>
この有様です。
![](https://www.endorphinbath.com/wp-content/uploads/2022/04/20220213_02.jpg)
原因と解決
あまり、HTMLに慣れていない僕なので、今回の事象にハマってしまいましたが、
原因は、”TODAY()”の前の”<“をエスケープしていなかったことでした!
例えば、<pre>タグの中で言えば、この部分が一つのタグとして認識されてしまっていたようです。
<TODAY())
=MOD(ROW(),2)=1
=AND($K9<>
まず、<pre>タグのコードブロックの方はこれでテキストの端折れは起きませんでした!
<table>
<tr>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_01.jpg">
</td>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_02.jpg">
</td>
</tr>
<tr>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_03.jpg">
</td>
<td>
<pre data-role="codeBlock" data-info="code:visualbasic" class="language-code:visualbasic"><code>=AND($L9<>"",$L9>$G9)
=AND($L9="",$G9<>"",$G9<TODAY())
=MOD(ROW(),2)=1
=AND($K9<>"",$K9<$F9)
=AND($K9="",$F9<>"")
=MOD(ROW(),2)=1</code></pre>
</td>
</tr>
</table>
preタグがレンダリングされたものです。
![](https://www.endorphinbath.com/wp-content/uploads/2022/04/20220213_03-1024x347.jpg)
次に、ただの<a>タグにしても、テキストの端折れは起きませんでした!
<table>
<tr>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_01.jpg">
</td>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_02.jpg">
</td>
</tr>
<tr>
<td>
<img alt="🐧" src="./20210401_LedgerForPcBringing/img_03.jpg">
</td>
<td>
<pre data-role="codeBlock" data-info="code:visualbasic" class="language-code:visualbasic"><code>=AND($L9<>"",$L9>$G9)
=AND($L9="",$G9<>"",$G9<TODAY())
=MOD(ROW(),2)=1
=AND($K9<>"",$K9<$F9)
=AND($K9="",$F9<>"")
=MOD(ROW(),2)=1</code></pre>
</td>
</tr>
</table>
aタグがレンダリングされたものです。
![](https://www.endorphinbath.com/wp-content/uploads/2022/04/20220213_04-1024x323.jpg)
おしまい
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_001-1.png)
なんじゃこりゃあ
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
って感じだけど、原因が分かればなるほどと思えるよね。
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_003.png)
じゃあ、HTML使ってコードを直に書いたら表現できない時がある?
そんなあ。
おまけ
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
今回の記事を最初投稿したら・・・
![](https://www.endorphinbath.com/wp-content/uploads/2022/04/20220213_05-1024x644.jpg)
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
そんなことあるぅ?(タイトルもエスケープしました。)
以上になります!
コメント