作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

pLog: Html 編輯器 Bug修正

pLog 的 啟用所見即所得（WYSIWYG）文章編輯 這功能很不錯用, 但是有個小Bug, 就是若文章內寫的東西是有關 Html tag, 而且有被 <> 括住的, 若要重新編輯修改文章的時後就發現個小問題.

會發現到之前被 <> 括住的tag, 都會直接秀出原本 <html tag> 代表的樣式(ex: 被 &lt;b&gt; 包住的會變粗體, 不會變成 <b>), 呈現在 WYSIWYG 的編輯器內, 而點 "<>" 的按鈕, 也發現原本內容應該是 &lt; &gt; 的, 都被換成 < > 了. 造成要修改這類的文章相當麻煩.

今天花點時間把這個問題除掉了, 只要簡單修改兩行 code 就搞定了.

閱讀全文〈pLog: Html 編輯器 Bug修正〉

Html: label (radio bottom)小技巧

<input type="radio" id="abc" /><label for="abc">這是oo</label>
<input type="radio" id="def" /><label for="def">這是xx</label>

<label><input type="radio">這是oo</label>
<label>
<input type="radio">這是xx</label>

用 label tag 能做到, 並非一定要點到圓圈的 Radio Button才能選取, 只要點到文字就可以選擇到 radio 的圈圈了~~

使用 label


沒用 label

這是oo
這是xx

CSS: 不換行 寫法(FORM)

平常 Html 寫到 FORM 會讓造成空隔多空一行 等等的問題, 以往都是將 Form 塞到 Table 跟 tr 間 的這些方法來解決.

css 有簡易的解法~ 照下面的一設就搞定了~

form{margin:0px; display:inline}

  • margin: 上下左右間隔都設為 0px
  • display: inline 之後顯示的秀在同一行

<h1> 想不換行也是同樣解法. </h1>, 只要<h1 style="display: inline;"> 就可以了.