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

17年12月18日(Mon) 6時11分
TOP » フォーラム » XOOPS » XOOPS一般 » CKEditor4のサイズ指定

CKEditor4のサイズ指定


投稿ツリー


前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 .2 | 投稿日時 2017-11-16 15:24
addlife  常連さん   投稿数: 21

いつもお世話になっております。
すっかりご無沙汰をしてしまっておりました。

今回の質問はエディタのサイズについてです。最新にアップデートされています。
当方サイトはdivでレイアウトしておりエディタを表示するコンテンツの幅は555PXになっています。
CKEditor4の独自コンフィグでは
config.width と config.height を指定しているのですがどうもこれが効いていない様子です。

いつからかはわからないのですが、IEやchrome,FIREFOXで見てもMMIの違いは若干あるにせよ、はみ出してしまっている状態です。
当方のthemeとの絡みなのか不明でご質問とさせていただきました。

ご指導いただければ幸いです。
よろしくお願い申し上げます。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2017-11-24 14:56 | 最終変更
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5762

addlife さん、こんにちは。

エディターの幅に関しては、parent node の幅に収まるようにしていたような気がするので、その処理がうまく効いていないのかも知れません。

ちょっと、見てみますね。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2017-11-24 15:40
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5762

ソースを眺めていて気付いたのですが(自分で実装していて忘れていました :hammer: )、ckeditor4 モジュールは preload で CKEditor の config を指定できるようになっています。

サンプルを作ってみました。

filesetSizeConfig.class.php
 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
<?php
 
if ( !defined('XOOPS_ROOT_PATH') ) exit;
 
class ckeditor4_setSizeConfig extends XCube_ActionFilter
{
    public function postFilter() {
        $this->mRoot->mDelegateManager->add('Ckeditor4.Utils.PostBuild_ckconfig', array($this, 'PostBuild'));
    }
 
    public function PostBuild(&$config, $params) {
        /******************************
         * ckeditor 用の JavaScript を生成するのに先立ち、
         * ckeditor の config 値を変更できます。
         * $config 配列のキー名が ckeditor.config のキー名に対応しています。
         * この設定のタイミングは、ckeditor4 モジュールの一般設定の値を評価後に
         * なりますので、一般設定の値を上書きできます。
         * また、モード毎の設定が $config['_modeconf'] に
         * モード("html", "bbcode")をキーとして保存されているので、モード別の値は
         * $config['_modeconf']['html']['toolbar'] などを変更する必要があります。
         * モード別に予め設定されているものは次の通りです。
         * ['fontSize_sizes'], ['extraPlugins'], ['enterMode'], ['shiftEnterMode'], ['toolbar']
         * 
         ******************************/
        
        $config['width'] = '555px';
        $config['height'] = '400px';
    }
}
投票数:1 平均点:10.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2017-11-25 1:20
addlife  常連さん   投稿数: 21

nao-pon

こんばんわ。
返信が遅れましたこと深くお詫び申し上げます。
ご指示いただいた通り preload にてconfigの指定ができました。
ありがとうございました。

ちなみに当方では一般設定にある
独自コンフィグURL
CKEditor の config.customConfig の設定でjsファイルを作成して指定しておりました。

上記とは無関係ですが先日NHKで国宝や重要文化財の話しの中で、掛け軸の修復をされていた表具師さんが出てこられていました。
とても興味深く番組を見ていましたが緻密で繊細な作業大変なんでしょうね。
専門的な話はわかりませんが、何やら水で書いてある下書きみたいな絵のようなものを見つけたとかの話し面白く見ていました。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2017-11-28 22:16 | 最終変更
nao-pon  Webmaster 居住地: 愛知県  投稿数: 5762

addlife さん、無事に適用できてよかったです。

width については、ある程度自動セットするたmに config をインラインで上書きしており、独自コンフィグURL での設定は効かない仕様になっています。もっと作り込めばいい方法が見つかるとは思いますが、今のところそのような仕様ということでお願いします。

私の本業の「表具師」ですが、私も古いものの修理・修復が多く楽しみ・苦しみが入り混じって普段の作業をしています。掛軸などの表装は50年から100年サイクルで表装のやり直しをして、より長い期間保存できるようになっています。

なので、後世の人が私の仕事の後、修理をしたときに感心してもらえうような仕事をするように心がけていつも作業に臨んでいます。

と語りだすと話が長くなってしまうので、このあたりで・・・ :-P

投票数:0 平均点:0.00
返信する

このトピックに投稿する

題名
ゲスト名
投稿本文

  条件検索へ

このフォーラムのトピック一覧
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証

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



メインメニュー
ブックマーク
オンサイトブックマークは
ログインするとご利用になれます
[ログインする]
サイト内 Wiki
☆ 検索 ☆



高度な検索(サイト内)
FireFox検索プラグイン
オンライン状況
合計 52 人がオンライン中 :-)
(フォーラム : 3 人)

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

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

nao-pon
 

登録ユーザ数: 4486


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