2018-05-15 / JSN / 0 Comments / 3 人來過
當我們在 CentOS 設定 Joomla! 路徑是 755 與擁有者/群組都是 apache 的時候，我們仍然無法安裝任何套件或語言，在 「System (系統) > System Information (系統資訊) > Folder Permissions (資料夾權限) 」仍然看到滿滿的 Unwritable (無法寫入)
我們可以檢查是不是預設的 SELinux 擋住了。下指令檢查 SELinux 當前狀態
- Enforcing：SELinux 正在執行
- Permissive：臨時關閉
- Disabled：已經關閉
接著我們讓他暫時關閉，可以下指令
不用重新啟動伺服器，我們直接重新整理應該就能看到 可寫入 (Writable)。
但是暫時關閉當下次系統重起的時候，仍然會打開。若要永久關閉 SELinux 那接著要修改檔案
|
|
vim /etc/sysconfig/selinux |
並修改參數
這樣重新啟動伺服器預設就會關閉囉！
參考
2018-05-15 / JSN / 0 Comments / 4 人來過
php 發佈的分支(例如 7.1, 7.2)，會從穩定版本發佈後完全支持 2 年。這段期間，已被報告的錯誤與安全問題都會在定期的時間點被修復。
經過積極的維護兩年以後，每個分支僅再額外支持一年的嚴重安全問題。這段期間的發佈，是根據這項所訂製：出現在多個釋出版本或沒有在版本中釋出過的問題，這些問題會取決於報告的數量。
一旦完成三年的支持，分支會到達生命終點將不再受到支持。這些不被支持的分支末期是可以使用的。
以下圖表因為不斷更新，請造訪 PHP 官方網站。
2018-05-10 / JSN / 0 Comments / 10 人來過
在 Joomla! 內容編輯器 editor 例如 tinyMCE ，當我們在製作外掛套件 plugin 的時候，如何在彈跳出來的視窗插入內容到外層的編輯器呢？例如點擊文章以後會插入到外層編輯器
直覺一點會想到使用該編輯器如 tinyMCE 提供的 API 插入，例如
|
|
window.parent.tinyMCE.activeEditor.execCommand('mceInsertContent', false, '<div>Hello World</div>'); |
但問題是 Joomla! 的編輯器不只一種
所以如果只使用 tinyMCE 的插入編輯器 API ，那麼在其他編輯器一定無法運作，所以我們要使用 Joomla! 的編輯器 API 做插入
|
|
window.parent.Joomla.editors.instances['jform_editor'].replaceSelection('<div>Hello World</div>') |
或是簡單方便一點的寫法
|
|
window.parent.jInsertEditorText('<div>Hello World</div>', 'jform_editor') |
這樣就能透過 Joomla! 的 API 轉自動對應到不同原生編輯器的 API 囉。除了 replaceSelection() 在當前游標插入之外，還有其他 function 可以使用，我們可以在
|
|
console.log(window.parent.Joomla.editors.instances['jform_editor']) |
中找到，例如 getValue(), onSave(), replaceSelection(), setValue()。
插入元素後要緊接關閉視窗，可以加入
|
|
window.parent.jModalClose(); |
2018-05-09 / JSN / 0 Comments / 11 人來過
上一篇提到架構以後，接著我們開始建立屬於自己習慣的方法。我將 SUSY Map 的部分，使用 container 左右兩側各 1 gutter，欄位兩側沒有 gutter。
|
|
'spread': 'narrow', 'container-spread': 'wider', |
我們期望設計 div 欄位寬度的時候可以使用這樣
|
|
<div data-span="2"></div> <div data-span="8"></div> |
那麼我們需要這樣子的設計 (當然你可以依照自己期望的樣貌去調整)
|
|
[data-span] { float: left; margin-left: gutter(); } @for $span from 1 through length(susy-get('columns')) { [data-span*='#{$span}'] { width: span($span); } } |
但為了讓 mobile, pad, desktop 三種方式都使用這個邏輯，所以我們需要借助 susy-breakpoint 實現
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
@include susy-breakpoint($mobile) { [data-span] { float: left; margin-left: gutter(); } @for $span from 1 through length(susy-get('columns')) { [data-span*='#{$span}'] { width: span($span); } } } @include susy-breakpoint($pad) { [data-span] { float: left; margin-left: gutter(); } @for $span from 1 through length(susy-get('columns')) { [data-span*='#{$span}'] { width: span($span); } } } @include susy-breakpoint($desktop) { [data-span] { float: left; margin-left: gutter(); } @for $span from 1 through length(susy-get('columns')) { [data-span*='#{$span}'] { width: span($span); } } } |
這樣就能輕易使用囉，可以參考官方 Building Grids 的說明。
2018-05-08 / JSN / 0 Comments / 3 人來過
透過 replaceWith() 只能做到替換 HTML 標籤名稱，但是屬性例如 class 那是不會相對替換過去。所以需要透過 callback 這麼寫
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$(function (){ $("body").on("click", ".replace", function (){ $(this).replaceWith(function (){ $ele = $("<p>", { html: $(this).html() }) $.each(this.attributes, function (key, attribute){ $ele.attr(attribute.name, attribute.value) }) return $ele }) }) }) |
我們看範例，當點選 <div> 以後會被替換成 <p>，而且所有屬性都搬移過去。可以打開檢視元素查看。