小安彙整 - 第 12 頁，總計 12 頁 - VECTOR COOL 威得數位行銷

PHP Imagetype 常數對應表

雖然我們常用的沒有那麼多~不過還是全部列出來囉~有需要的捧油請自行參考。

■藍色標記是我

1 IMAGETYPE_GIF
2 IMAGETYPE_JPEG
3 IMAGETYPE_PNG
4 IMAGETYPE_SWF
5 IMAGETYPE_PSD
6 IMAGETYPE_BMP
7 IMAGETYPE_TIFF_II (intel byte order)
8 IMAGETYPE_TIFF_MM (motorola byte order)
9 IMAGETYPE_JPC
10 IMAGETYPE_JP2

11 IMAGETYPE_JPX
12 IMAGETYPE_JB2
13 IMAGETYPE_SWC
14 IMAGETYPE_IFF
15 IMAGETYPE_WBMP
16 IMAGETYPE_XBM
17 IMAGETYPE_ICO

原文：http://php.net/manual/en/function.exif-imagetype.php[……]

CKEditor整合JQuery的調配器Adapters

http://docs.ckeditor.com/#!/api/CKEDITOR_Adapters.jQuery
只支援4.2版

要引入 adapters/jquery.js

$(‘#editor_simple’).ckeditor()
$(‘#editor_simple’).ckeditor({
toolbar:’Basic’,
width:’100%’,
height:150
})[……]

CKEditor4 自動清除內容標籤問題的解決方法

CKEditor4 自動清除內容標籤

在CKEditor中我們經由配置檔Config.js，可以依照自己的需求去自定編輯器的工具

如下圖的每一個小方塊，可依需求增加減少：

但在 CKEditor 中 CKEDITOR.editor.filter 會過濾掉一些沒開放功能的內容或程式碼

舉例來說：

上面這編輯器並沒有開放 iframe 這功能，但倘若我想要貼上 youtube 分享的嵌入HTML碼，而 youtube 的 HTML 就是由 <iframe> 方式嵌入的，youtube嵌入的Code如下：

<iframe width="560" height="315" src="//www.youtube.com/embed/9ATcxIOeDiY" frameborder="0" allowfullscreen></iframe>

我們開啟原始碼的編輯模式，貼上這一段code，做嵌入影片的動作後，在切換回所見即所得編輯方式的同時CKEDITOR.editor.filter就會過濾掉一些沒開放功能的內容，如上圖沒開放的iframe工具，如此我們因為沒有開放iframe工具就沒有辦法貼入youtube的iframe嵌入碼，其實這很合理，某些時候是一種很棒的限制內容功能，不過有些時候這或許並不是我們想要的，我們可能希望可以在不提供iframe的工具下，僅能用原始碼貼上的方式貼入 youtube 的 iframe。

解決這問題 CKEditor 也提供了2個解決方法：

在 CKEditor 配置檔 Config.js 設定

方法一：

config.allowedContent=true;

把allowedContent設定為true就是吧CKEDITOR.editor.filter這功能關閉，不去過濾任何內容，這方式不只針對 iframe，而是所有不開放功能都不會再被過濾了，雖然很方便，但少了一層的限制或許會擔心安全性的問題，所以我們還有第二種方法可選擇。

方法二：

CKEDITOR.editor.filter仍然運作，但允許開放部份不支援功能

config.allowedContent=false;
config.extraAllowedContent='iframe';

便只允許iframe的操作，若允許的工具有多項就用空格分隔，如下

config.extraAllowedContent='b i iframe';

[……]

CKEditor4 預設字體大小 fontSize_defaultLabel、預設字型 font_defaultLabel 無法運作的解決方案

我們想要設定編輯器中的預設字型及字體大小，依官方文件要設定下列2個屬性
config.font_defaultLabel = ‘Arial’;
config.fontSize_defaultLabel = ’12px’;
可是不知道是Bug還是怎樣，我試過是沒有效果的，
只是會自動選取對應的字型及字體大小的選單選項，
這並不是我們要的，
搞了我好久終於找到解決方案，如下：

1.依然要設定此2屬性：
config.font_defaultLabel = ‘Arial’;
config.fontSize_defaultLabel = ’12px’;

2.修改 contents.css
把
.cke_editable
{
font-size: 13px;
line-height: 1.6em;
}
改為
.cke_editable
{
font-size: 12pt;
font-family:Arial;
line-height: 1.6em;
}
存檔 > 清除暫存 > OK
預設字型跟字體大小就改變了，
目前我找到的解決方法就是直接去改它的預設CSS，
若有高手有更好的解決方法，希望能跟大家分享~謝謝[……]

CKEditor4 重要配置設定 config.js (中文)

簡單的介紹一下 CKEditor

CKEditor是一個非常強大的HTML編輯器，舊稱FCKeditor，是一個專門使用在網頁上屬於開放原始碼的所見即所得文字編輯器套件，2003年就開始累積很多用戶了，至今已經十年的時間了，我想很多開發人員對CKEditor這名字應該不陌生，CKEditor 主要優點而且相容於絕大部分的網頁瀏覽器，該有的功能全都有，也提供非常多的配置及API可以符合各種不同的開發需求，而且最重要的是免費的^^，除此之外官網上也提供了非常多相關的使用範例，還有非常詳細的開發文件可讓開發者更了解使用方式，但此篇文章主要不是介紹CKEditor，而是介紹CKEditor的基本配置Config檔的設定。

CKEditor4的設定有些地方好像跟之前板本不太一樣，那本文介紹的CKEditor4的這個版本，所以測試環境請以CKEditor4為準，CKEditor4可至官網下載，也可由下方連結下載。

CKEditor 相關資源

CKEditor 官方網站
http://ckeditor.com/

CKEditor 下載
http://ckeditor.com/download

CKEditor DEMO
http://ckeditor.com/demo

CKEditor 開發文件
http://docs.ckeditor.com/

CKEditor 開發文件 > config
http://docs.ckeditor.com/#!/api/CKEDITOR.config

重要配置說明如下，主要分為工具列、基本設定、選單設定三大部份~

工具列配置：

基本設定：

關於WORD文字設定

設定選單：

(註一)
解決方法詳見我的另一篇文章
CKEditor4 預設字體大小 fontSize_defaultLabel、預設字型 font_defaultLabel 無法運作的解決方案
http://vector888.blogspot.com/2013/08/ckeditor4-fontsizedefaultlabel.html

(註二)
config.allowedContent;
config.extraAllowedContent;
詳細介紹及用法，詳見我的另一篇文章
CKEditor4 自動清除內容標籤問題的解決方法
http://vector888.blogspot.com/2013/08/ckeditor4.html

[……]

網頁預設字體大小 12pt VS 12px ~ 傻傻分不清楚

其一直被一個問題困擾著~
就是網頁的預設字體大小~
看很多人在設定CSS都用font-size:12px為預設字體大小~
很多套件的預設字體大小也是用font-size:12px~
但我印象中 12pt 才是網頁預設的字體大小呀~
但看大家都這麼做~我好像混淆了~
可是照12px做為預設字型~
怎麼覺得字好像變小了~
有點不太方便閱讀~
於是我做了個小實驗要把這2個12弄清楚~

Default = 未套用任何CSS
12pt = font-size:12pt
12px = font-size:12px

ie的截圖

firefox的截圖

chrome的截圖

由此可證，網頁預設字體大小為 12pt，

疑問來了，那為何要很多套件會使用12px呢?

主要原因是因為決大多數的套件都是以英文語系為主，
反而是12px較為美觀，對此，我也做了下面的小小實驗，

ie的截圖

firefox的截圖

chrome的截圖

英文字體是不是12px反而好看多了呢~

對此我用多一點的文字來測試看看~
因此又做了一個小小的實驗~

中文12pt;

白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。白日依山盡，黃河入海流。欲窮千里目，更上一層樓。

中文12px;

———————————————————————————-

英文12pt;
My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good.

英文12px;
My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good. My English is not good.

小小的結論
終於弄懂 12pt & 12px 的差異~
12pt – 為網頁的預設字體大小。
用途：
12pt – 較方便閱讀。
12px – 較精緻美觀。
其實字體的大小並沒有一定的規範，只是一個使用者習慣，相信各家瀏器會把12pt當做預設字體大小，一定是此一大小最適合文字閱讀。

但在設計上主要就看客戶的需求、客戶屬性為何，挑選適當的字體大小為預設文字尺寸，滿足目標使用者的需求及網站的可用性；舉例而言：公家機關網站、無障礙網站，主要功能在於內容佈達型的網站，必需兼顧各種族群及閱覽的年齡層，易讀性可能會高過於美觀，因此我們就可以用12pt字體大小；而設計感強烈，講求風格特色的網站如空間設計、平面設計或主題餐廳，網站強調的可能是一種氛圍或形象，則美觀可能就會高過易讀性，這就可以用看起來比較精緻的12px字體大小。

以這兩種此寸為基準去推算，相信以後更能掌握網站字體的大小。

[……]