【タイトルです：id36】リンクボタンが編集画面の段落とスマボプレビューに残ってる_リンクボタンの機能が残ってたときの検証記事。20200629_1341。。
ー↓ここからリードーーーーーーーーーー
リンクボタンの機能が残ってたときの検証記事です。
ー↑ここまでリードーーーーーーーーーー
■↓ここから本文1個目 入力段落1■
この記事
http://test.fourteenmagazine.jp/admin/article/detail/?id=36
編集画面の6と7の段落に。
リンクボタン機能のテストをしてたときのものがが残ています。
新規投稿で機能なし非表示にしたそうなので、
本番(開発？)の方でリンクボタン非表示前に作った記事がなければ問題ないともいますが。
この記事の編集画面のスマホのプレビューにもボタンは表示されています。
保存後の、プレビュー画面と、実際の記事ページには表示されていません。
あと、このテストの時、掲載期間を入力していて、記事には表示されていなかったので、
課題管理35_関連リンクの掲載期間は機能していない様子
http://test.fourteenmagazine.jp/article/detail/?id=49
↑の関連リンク同様、掲載期間は機能していないと思うので、復活させる場合は気をつけて下さい
20200629_1334
■ ↑ここまでが本文 1個目 入力段落1■
■↓ここから本文2個目 入力段落2■
HTML許可しない場合？
リンクボタンは無くなってる。関連リンク以外のリンクが貼れない？
HTML入力不可のバリデーションか、エスケープ対応をきちんとしないといけない。
HTML許可して入力しても、タグ閉じ漏れとか不備があると崩れる場合があるけど
そこは使った人の自己責任？ 20200625_1555
ーーーーーーーーーーーーーーーー
一覧に表示されるのは、タイトルと本文1個目の最初の70文字くらいが改行無視で表示される様子？
スマホはタイトルのみ？
リードと見出しがあっても、本文の1個目が採用な様子？
そして、そこで太字を使ってたら、太字にならずカッコ二個で表示されてる？
20200625_1700
一覧のページでレイアウト崩れが起きてることは把握済み。
リンクボタン取っちゃった？HTMLタグ使っていいのかな？
レイアウト崩れるのは？CSS直さないとだよ・・・
まず、一覧で表示される箇所はどこがどんな風に表示？まず、タグなし。20200625_1544
■↑ここまで本文2個目 入力段落2■
●見出し1個目でも、本文2個目の下 入力段落3●
■↓ここから本文3個目 入力段落4■
↓Aタグ使用中。
TOP はタイトル
http://test.fourteenmagazine.jp/
新着記事一覧 はタイトルと本文1個目
http://test.fourteenmagazine.jp/article/
カテゴリー一覧 もタイトルと本文1個目
http://test.fourteenmagazine.jp/article/category/newsrelease/
の様子。20200625_1640時点
ーーーーーーーーーーーーーーーー
記事内でタグを使ってるのが原因っぽいことはなんとなくわかってます。
HTMLタグの入力制限かかっていない？
HTMLタグの使用を禁止していないので、
どこかのソースから、タグ付きのままコピペされたら
これが起きる可能性は大いにあります。
本来は制限をかけるか、タグが入ったら、エスケープさせて、タグを文字として出すとかにすべきかと。
入力欄のHTMLタグ禁止の制限かかってない、
これからかけるのも厳しい？ CSSで崩れを回避できないか？
テキストにリンク貼りたいとかも考えられるしやられる可能性はあるかも。
タブのリンクの使うと、ボタンになってしまうので。
ちょっとまた引き続きちょっと調査したい。
課題管理表にもまだ載せてません。20200622_1932
====================================
20200623_1200 追記
リンクボタンの タブがなくなった？？？
■ ↑ここまでが本文3個目 入力段落4■
■↓ここから本文4個目 入力段落5■
課題管理表にもまだ載せてません。20200622_1932
20200623_1200 追記
リンクボタンの タブがなくなった？？？
けど、なくなる前に作った段落残ってます。
■ ↑ここまでが本文 4個目 入力段落5■
■↓ここから本文 5個目 入力段落8■
↑6段落目と7段落目の 掲載期間(開始)2020/06/23 00:00:00〜
のリンクを作ったけど。→スマホのプレビュー画面内ではボタンでてる。
残ってる。実際の画面、PCのプレビューには出ない。20200625_1704
ーーーーーーーー
リンクボタンの タブがなくなった？？？↑ボタン出てこないのかな。。。20200623_1200
管理画面内の→スマホプレビューの中では、リンクボタン残ってる。
↓20200623_1207 キャプチャ。
■ ↑ここまでが本文 5個目 入力段落8■
■↓ここから本文 6個目 入力段落10■
HTMLタグも。プレビューでは、文字列、タグで出ているけど。
実際には リンクが貼られる。HTMLを許可するかしないのか。
h2とか使ってみる。
pタグも入れてみる。style で色も付けれる・・・
20200623時点。
入力中。input中は →スマホのプレビューでは、HTMLタグも文字列、タグで出ているけど。
→保存するとタグじゃなくる様子？
↓キャプチャ。20200625_1021
■ ↑ここまでが本文 5個目 入力段落10■
■↓ここから本文 7個目 入力段落12■
↑画像、横幅はみ出す？20200623＿1549
だったけど、わかった、画像の上の段落本文の pタグも入れてみる。で " の閉じが足りてなかったのが原因。
HTML許可にした場合、その辺気をつけてもらわないと崩れる。
使う場合はそこは自己責任だね・・・。プレビューで見てもらって。崩れてたらそこ疑ってもらう感じで。
それより、設定されている画像を解除する を使った時のテストをしよう。20200625_1045
スマホのプレビューは、入力時と、保存した時とで見え方が変わる？HTMLタグ使用時。20200625_1611
ここが今の所最後の本文、 description の最後に使われる部分確認する。20200625_1614
■ ↑ここまでが本文 6個目 入力段落12■