hypweb.net
XOOPSマニア  最新情報のRSS(サイト全体)
[ 自宅サーバーWebRing |ID=54 前後5表示乱移動サイト一覧 ]

19年12月6日(Fri) 9時46分
TOP » UsersWiki » nao-pon » blog » 2013-02-05

RSS of nao-pon/blog
Tue 5 Feb 2013
 

ckeditor4 Version 0.33 リリース anchor.png

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 の挙動を制御することができるようになります。

Vfka.png
例えば、marine さんの tw_responsive テーマ の tw_responsive/ckeditor4/ に filepreload.class.php を放り込むと、右のような感じになります。スタイルプルダウンで Twitter Bootstrap のスタイルを簡単に適用することができるようになります。

こんな感じで、テーマ下の preload.class.php で CKEditor の config のほとんどを設定することができるようになりました。

preload.class.php の詳細については、mygithub:ckeditor4/blob/master/html/modules/ckeditor4/preload/ThemePreload.class.php を参照してください。

Page Top

更新履歴 anchor.png

  • 892c8f9: add editor_reset.css for the editing area
  • a282c61: ckeditor4 version 0.31
  • c252cb1: refactoring of "Ckeditor4_Utils"
  • fa4bb57: load CSS "themes/[theme]/ckeditor4/contents.css" if exists
    • テーマ下 ckeditor4/contents.css が存在する場合は、編集エリア用 CSS として追加読み込みするようにした。

      編集エリア用 CSS は body に対して定義を指定すると、編集エリアに反映されます。

  • 294b2bb: ckeditor4 version 0.32
  • 34a92b4: add preload/ThemePreload.class.php
    • themes/[theme]/ckeditor4/preload.class.php が存在すれば、それを読み込むプリロード

      preload.class.php のクラス名は "ckeditor4_PreloadForTheme" 固定

      setParams, preSetConfig, postSetConfig の3つの method を持つことができる

      それぞれの method は必要な物だけでよい

      1
      2
      3
      4
      5
      
      @ param array $params Smarty プラグインから与えられたパラメタ
      @ param array $config CKEditor に与える config 配列
                            key(string): config 名 
                            val(mixed) : 値  [] で括った文字列は、JavaScript のオブジェクトとして扱われる 
                                         その他の値は json_encode で処理され、 CKEditor に渡される
       1
       2
       3
       4
       5
       6
       7
       8
       9
      10
      11
      12
      13
      14
      
      class ckeditor4_PreloadForTheme
      {
          // Smarty プラグインがから渡されたパラメタをカスタムする用
          function setParams(& $params) {}
          
          // ckeditor.config をカスタムする用
          // (Params 解釈前: Smarty プラグインで指定した toolbar や管理画面:一般設定の config
      は上書きできない)
          function preSetConfig(& $config, $params) {}
          
          // ckeditor.config をカスタムする用
          // (最終段階: すべての config を上書きできる)
          function postSetConfig(& $config, $params) {}
      }
  • 4e551d0: add var $themeName into ckeditor4_PreloadForTheme()
  • 09994e6: ckeditor4 version 0.33


Comments list

Posts tree


nonn50  Posted on 2013-2-7 12:18

本件について、小生試験用サイトに適用を試みました。
以下のことは、「gnavi-exif_supprt」にて検証した結果です。

  • 利用しているテ−マのディリクトリー下に「ckeditor4」フォルダーを作成し、preload.class.php を放り込みました。
    これにより、新規投稿用画面のスタイルをクリックすると表示される言葉が「ブロックスタイル」 ⇒ 「インラインスタイル」に変わりました。
    しかし、nao-ponさんが示したような画像にはなりませんでした。(グラフィクでは無く、テキストで表示されます)
  • そこで、html側//modules/ckeditor4/ckeditor/ に収録されている「contents.css」を preload.class.php と同じフォルダーに放り込みましたが、テキストで表示される状況に変化はありませんでした。
    (念の為、「ALTSYS」⇒「テンプレートの高度な操作」⇒「コンパイル済テンプレートキャッシュ」を削除しています。

以上、飲み込みが悪くて恐縮ですが、御教授いただきたくお願いします。

nao-pon  Posted on 2013-2-7 15:35 | Last modified
引用:
例えば、marine さんの tw_responsive テーマ の tw_responsive/ckeditor4/ に file, file.pngpreload.class.php を放り込むと、右のような感じになります。スタイルプルダウンで Twitter Bootstrap のスタイルを簡単に適用することができるようになります。

ということで、サンプルの preload.class.php  は Twitter Bootstrap 対応のテーマ下に放り込むと効果が発揮されるようになっています。

放り込み先のテーマが TwitterBootstrap 対応かどうかをご確認ください。

nonn50  Posted on 2013-2-7 16:00
引用:

サンプルの preload.class.php は Twitter Bootstrap 対応のテーマ下に放り込むと効果が発揮されるようになっています。

なるほど。
承知しました。

お手数をお掛けしました。

kazuo   Posted on 2013-4-3 13:06

初歩的な質問で申し訳ありません。
カスタムブロックの時は、ツールバーが沢山ありましたが、編集の時にツールバーが少ないのは仕様なのでしょうか?
もし出来るようでしたらカスタムブロック編集でのツールバーを多くできないでしょうか?

nao-pon  Posted on 2013-4-3 19:49 | Last modified

kazuo さん、こんにちは。

カスタムブロックの編集は多分 altsys を利用していると思うのですが、旧来の FCKEditor がインストールされていると、編集時に FCKEditor が適用されてしまうので、FCKEditor が必要ないのであれば、XOOPS_ROOT_PATH/common/fckeditor/fckeditor.js を削除するか、適当な名前にリネームしてみてください。

もしくは、altsys のテンプレート main_myblocksadmin_edit_4legacy.html の 16行目あたりからの

Everything is expanded.Everything is shortened.
16
17
18
19
20
21
22
23
24
25
 
 
-
|
|
|
|
|
!
 
<{if $common_fck_installed}>
<script type="text/javascript" src="<{$xoops_url}>/common/fckeditor/fckeditor.js"></script>
<script type="text/javascript"><!--
	function fckeditor_exec() {
		var oFCKeditor = new FCKeditor( "textarea_content" , "100%" , "500" , "Default" );
		oFCKeditor.BasePath = "<{$xoops_url}>/common/fckeditor/";
		oFCKeditor.ReplaceTextarea();
	}
// --></script>
<{/if}>

を削除してみてください。 :-)

kazuo   Posted on 2013-4-4 9:00

ありがとうございました。助かりました。
いつもどうもすみません。



Post a new comment

Subject
guestname
Body

Go to richer form

Front page   Freeze Diff Backup Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 3619, today: 1, yesterday: 1
Princeps date: 2013-02-05 (Tue) 22:18:49
Last-modified: 2013-02-05 (Tue) 22:37:15 (JST) (2494d) by nao-pon
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証 | SSLログイン

Register now! | Lost Password?



メインメニュー
UsersWiki メニュー
付箋メニュー
Fusen(Tag) menu 
Tag Editor
Color: BG:
Name:  Connect line ID:
 
ブックマーク
Please log in to use it.
[Login]
サイト内 Wiki
☆ 検索 ☆



高度な検索(サイト内)
FireFox検索プラグイン
オンライン状況
合計 64 人がオンライン中 :-)
(UsersWiki : 3 人)

登録ユーザ: 0 & ゲスト: 64

もっと...
サイト情報
管理人

nao-pon
 

登録ユーザ数: 4621


Web Services by Yahoo! JAPAN
楽天ウェブサービスセンター
Amazon.co.jpアソシエイト
現在ページのQRコード
現在ページのQRコード
[携帯対応]
参照元情報