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

19年1月17日(Thu) 21時09分
TOP » UsersWiki » nao-pon » blog » 2013-02-05

RSS of nao-pon/blog
2013 2月 5 (火)
 

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


コメント一覧

投稿ツリー


nonn50  投稿日時 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  投稿日時 2013-2-7 15:35 | 最終変更
引用:
例えば、marine さんの tw_responsive テーマ の tw_responsive/ckeditor4/ に file, file.pngpreload.class.php を放り込むと、右のような感じになります。スタイルプルダウンで Twitter Bootstrap のスタイルを簡単に適用することができるようになります。

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

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

nonn50  投稿日時 2013-2-7 16:00
引用:

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

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

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

kazuo   投稿日時 2013-4-3 13:06

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

nao-pon  投稿日時 2013-4-3 19:49 | 最終変更

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   投稿日時 2013-4-4 9:00

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



新しくコメントをつける

題名
ゲスト名
投稿本文

より詳細なコメント入力フォームへ

トップ   凍結 差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 3443, today: 1, yesterday: 2
初版日時: 2013-02-05 (火) 22:18:49
最終更新: 2013-02-05 (火) 22:37:15 (JST) (2171d) by nao-pon
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証

新規登録 | パスワード紛失



メインメニュー
UsersWiki メニュー
付箋メニュー
付箋メニュー 
付箋の編集
文字色: 背景色:
お名前:  線接続id:
 
ブックマーク
オンサイトブックマークは
ログインするとご利用になれます
[ログインする]
サイト内 Wiki
☆ 検索 ☆



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

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

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

nao-pon
 

登録ユーザ数: 4593


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