UsersWiki バックアップ : [nao-pon/blog/2013-02-05のソース]

差分を表示
nao-pon/blog/2013-02-05 へ行く。

#navi
RIGHT:&rsslink(../);
#boxdate

* ckeditor4 Version 0.33 リリース [#yf5644dd]
RIGHT:&tag(ckeditor4,XOOPS,XCL,モジュール);

ckeditor4 をアップデートして Version 0.33 としました。

X-update で更新、もしくは、[[mygithub-download:ckeditor4]] からダウンロードできます。

主な更新内容は、テーマ下 CSS と テーマ下 プリロード(もどき) の対応です。

:テーマ下 CSS|
~themes/[ThemeName]/ckeditor4/ ディレクトリに "contents.css" を置くと、CKEditor の編集エリアにその CSS が読み込まれます。

:テーマ下 プリロード(もどき)|
~themes/[ThemeName]/ckeditor4/ ディレクトリに "preload.class.php" というファイル名でクラス名 "ckeditor4_PreloadForTheme" をクラス定義しそのクラスの "setParams", "preSetConfig", "postSetConfig" の3つの method で CKEditor の挙動を制御することができるようになります。
~
#ref(site://modules/xelfinder/index.php/view/1584/Vfka.png,right,around,mh:150)
例えば、marine さんの [[tw_responsive テーマ:http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=5&lid=74]] の tw_responsive/ckeditor4/ に &ref(xpwiki::ShareFiles/preload.class.php); を放り込むと、右のような感じになります。スタイルプルダウンで Twitter Bootstrap のスタイルを簡単に適用することができるようになります。
~こんな感じで、テーマ下の preload.class.php で CKEditor の config のほとんどを設定することができるようになりました。
~preload.class.php の詳細については、[[mygithub:ckeditor4/blob/master/html/modules/ckeditor4/preload/ThemePreload.class.php]] を参照してください。


** 更新履歴 [#vaf4b5bd]
-[[892c8f9:https://github.com/nao-pon/ckeditor4/commit/892c8f96ee59316d15bdc4067983e86e9a264ac9]]: add editor_reset.css for the editing area
--
-[[a282c61:https://github.com/nao-pon/ckeditor4/commit/a282c61a01168f1120aaf266c3927b7cc24ab090]]: ckeditor4 version 0.31
--
-[[c252cb1:https://github.com/nao-pon/ckeditor4/commit/c252cb1912502179c04267391c5955a67d684315]]: refactoring of "Ckeditor4_Utils"
--
-[[fa4bb57:https://github.com/nao-pon/ckeditor4/commit/fa4bb572f772d146e943209d88939a764a140e9d]]: load CSS "themes/[theme]/ckeditor4/contents.css" if exists
--テーマ下 ckeditor4/contents.css が存在する場合は、編集エリア用 CSS として追加読み込みするようにした。
~編集エリア用 CSS は　body に対して定義を指定すると、編集エリアに反映されます。
-[[294b2bb:https://github.com/nao-pon/ckeditor4/commit/294b2bb7d670e21bf81afff15b45ad149f5d80f8]]: ckeditor4 version 0.32
--
-[[34a92b4:https://github.com/nao-pon/ckeditor4/commit/34a92b4b22176a1ce486459d9981ace4cf3649ec]]: add preload/ThemePreload.class.php
--themes/[theme]/ckeditor4/preload.class.php が存在すれば、それを読み込むプリロード
~preload.class.php のクラス名は "ckeditor4_PreloadForTheme" 固定~
setParams, preSetConfig, postSetConfig の3つの method を持つことができる~
それぞれの method は必要な物だけでよい
#code(pre){{
@ param array $params Smarty プラグインから与えられたパラメタ
@ param array $config CKEditor に与える config 配列
                      key(string): config 名 
                      val(mixed) : 値  [] で括った文字列は、JavaScript のオブジェクトとして扱われる 
                                   その他の値は json_encode で処理され、 CKEditor に渡される
}}
#code(php){{
class ckeditor4_PreloadForTheme
{
    // Smarty プラグインがから渡されたパラメタをカスタムする用
    function setParams(&amp; $params) {}
    
    // ckeditor.config をカスタムする用
    // (Params 解釈前: Smarty プラグインで指定した toolbar や管理画面:一般設定の config
は上書きできない)
    function preSetConfig(&amp; $config, $params) {}
    
    // ckeditor.config をカスタムする用
    // (最終段階: すべての config を上書きできる)
    function postSetConfig(&amp; $config, $params) {}
}
}}

-[[4e551d0:https://github.com/nao-pon/ckeditor4/commit/4e551d05bfba1540c29a01a7f47984e726627063]]: add var $themeName into ckeditor4_PreloadForTheme()
--
-[[09994e6:https://github.com/nao-pon/ckeditor4/commit/09994e692d6802fec3fdcf083e09b8f19c3f626c]]: ckeditor4 version 0.33

RIGHT:&font(90%){&page_comments;};
#navi

« Prev

nao-pon/blog/2013-02-05 のバックアップ一覧
nao-pon/blog/2013-02-05 のバックアップソース(No. All)
- 1: 2013-02-05 (火) 22:18:49 nao-pon
- 現: 2013-02-05 (火) 22:37:15 nao-pon

ぺージ情報
ぺージ名 :	nao-pon/blog/2013-02-05
ページ別名 :	未設定
ページオーナー :	nao-pon
閲覧可
グループ :	すべての訪問者
ユーザー :	すべての訪問者
編集可
グループ :	なし
ユーザー :	ゲスト