jQuery TinyMCE remove html head body tag in textarea

TinyMCE Editor 是一個很常見的所見及所得文字編輯器,功能很強大,並提供很多插件來擴展編輯器功能,但安裝4.8.2版本時,在textarea中會自動包覆<HTML><head><body>等標籤,即便未輸入內容,然然會存入 <HTML><head><body>等標籤 。

解決方法

非常簡單,在初始 TinyMCE 的時候不要使用 fullpage 這個 plugin 舊可以了。

參考:

jQuery TinyMCE Editor

[……]

Read more

Brackets UI 字太小,把字UI字放大比我想像中容易

Brackets 左邊選單的檔案名稱,我看到眼睛快瞎了,找不到配置選項,雖然說中央編輯區的文字,可以在功能表 除錯 > 偏好設定 中修改文字大小參數,但這參數不影響旁邊UI的文字,看得眼睛真的很累,本篇介紹如何修改Brackets左側選單

安裝 Resize Working Files 擴展

這個 Plugin 非常簡單,沒什麼特別功能,開始安裝上方功能表 檔案 > 擴充功能管理員

右上搜尋框搜尋「Resize Working Files」,安裝並啟用它

開啟「擴充功能資料夾」,功能表 說明 > 顯示擴充功能資料夾

修改UI樣式

選擇 user > resize-working-files 這個目錄

開啟 main.css

在 main.css 中加入下列代碼,沒錯,就是CSS ,一般前端工程師再熟悉不過了,試自己爽的程度調整,當然你也可以加顏色、字型等等。

您對CSS不太熟悉,就貼入下方代碼,

.sidebar *{
    /* can be any font-[......]

Read more

Fix An invalid form control with name=’…’ is not focusable

今天在開發一個表單程式,表單一直無法發送,開始來找問題,開啟 Chrome 開發者工具,在 Console 面板中,每送出一次表單,就會出現一個這個訊息:

An invalid form control with name=’…’ is not focusable

原因是 Chrome 阻止設定為 required 的欄位隱藏

也對拉!! 必填欄位又隱藏起來,怎麼填? 表單送出前會做一個簡單的表單驗證

這樣也不行:

<input type="text" style="display:none" required>

這樣當然也不行:

<input type="text" id="example" required>
<script>
	$('#example').hide();
</script>

這樣可以:

大概是原本就是隱藏欄位了,所以沒有特別去驗證

<input type="hidden" required>

解決方法:

開發者會去隱藏欄位當然是有原因的,有時候會因為條[……]

Read more

bootstrap 4 datepicker + 產生器 ( 支援中文 )

官網

https://bootstrap-datepicker.readthedocs.io/en/latest/index.htm

產生器

https://eternicode.github.io/bootstrap-datepicker/

文件
https://bootstrap-datepicker.readthedocs.io/en/latest/index.html[……]

Read more

jQuery $.each 迴圈 continue 與 break 替代方式

在PHP中或某些語言中,可以在迴圈中使用 continue 及 break 來進行更靈活的迴圈

  • continue :跳過目前動作,繼續執行迴圈的下一個動作
  • break:跳出迴圈,停止迴圈之後的動作

在 jQuery 中迴圈是用 $.each(),但使用 continue 及 break 是不起作用的,可改用下列替代方式,可以達成相同目的。

 
$.each(data, function(index, obj){

    if ($(img).empty()) {

        return; // 等於 continue

    } else {

        return false; // 等於 break

    }

});

[……]

Read more

HTML5的lang速查 ( 注意:繁體中文不是zh-TW喔 )

在HTML5的<html>中可增加lang=來標註網頁的語系,讓瀏覽器能更正確的解析與編碼,但從XHTML 1.0以來lang=???就不斷演進中,而在HTML5的時代究竟要怎麼定義?

目前最主要的規範是依照IETF(Internet Engineering Task Force 國際網路工程研究團隊)的RFC 4646 的Tags for Identifying Languages所定義。它的要求為 language-script-region-variant-extension-privateuse 就是 語言 – 字體 – 地區 – 方言 – 特殊附加資訊。

以台灣繁體中文標示即為zh-Hant-TW 不是以往認知的zh-tw囉

使用範例:

<!DOCTYPE html> 
<html  lang="zh-Hant-TW">
  <head>
    <title>page title</title>
  </head> 
  <body>
  </bod[......]

Read more