blog

FCKeditor

WYSIWYGという言葉を知ったのは高校2年生の春だったかなぁ。
ちょうどWindows3.1が出始めた頃でした。

それは画面に表示されたままの状態で印刷できる。
いや、印刷イメージを画面上で作成できるという
いままでのパソコンでは、なかなか実現できなかった技術です。

で、そんなWYSIWYGをWEBブラウザで実現できるのが、このFCKeditorです。

もう一個同じようなの有名なのがTinyMCEという奴なのですが、
プログラマの検討の結果FCKeditor を中心に使うようになりました。
(まじめに比較したことがないのでどっちがよいかはなんともいえませんが・・・。
ちなみに、wordpressはTinyMCEのようです。)

で、このFCKeditorなのですがWYSIWYGという割には編集したものと表示するものが違う・・・。

そりゃ、そうだ。ただ組み込んだだけでは、サイトで利用しているCSSも読み込まれてないし、表示領域に指定されているidやclassも反映されていない。

というわけで、そのCSSを読み込む方法と、idやclassを指定する方法を調べてみました。

■cssの追加
fckconfig.js の29行目
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + ‘css/fck_editorarea.css’ ;
にある、fck_editorarea.cssの頭に、サイトで読み込んでいるcssを追加。

そのままだと、編集領域と表示領域のclass等が違うので、それをエディタの編集領域に当てる。

■編集領域へのクラス等の追加
fckconfig.js の184,185行目にサイトで利用しているidやclassを指定
// This will be applied to the body element of the editor
FCKConfig.BodyId = ‘mainCnt’ ;
FCKConfig.BodyClass = ” ;

場合にはよっては編集領域にあわせて動的に当てるようなこともやった方がいいかもしれません。

カテゴリー: FCKeditor — 池田 @ 12:38 PM

吉野屋で定食の味噌汁をけんちんに。

できるんですね!

+70円と味噌汁とけんちんの差額のままでいけました。

なにげに豚生姜焼定食が美味しいと感じる今日この頃です・・・。

カテゴリー: 未分類 — 池田 @ 2:19 AM

ネットワーク図を書かなくちゃ。

一応、ちゃんとした?システムの仕事もやっているのです。

というわけで、ネットワーク図作成用の必須?アイテムをご紹介。

Cisco アイコン集

そういえば期限は切れていますが、
CCNAも昔取りました!

カテゴリー: 未分類 — 池田 @ 10:11 PM

パソコンをクリーンインストール

ちょっと、時間があったのと、パソコンの調子が悪かったので、
パソコンをクリーンインストールしています。

で、あまり特別なソフトはいれていないのですが、お仕事用のソフトをメモしておきます。

OS

Windows XP Professional

ノートはVista Businessなのですが・・・。

日本語変換

ATOK2009

2008まではJUSTSUITE買っていたのですが、
とりあえず、月額300円版を試してみています。

セキュリティ

ウィルスバスター2009

マカフィー→Onecareときて2008から乗り換え。
宣伝どおりだいぶ軽くなっていると思います。

Office

Office 2007 Ultimate

なぜか出たときに買ってしまったのですが、
Standardで十分ですよね・・・。

Office Project 2007 Professional

特売していてStandardとあまり価格差がなかったのですが、
単品だとStandardで十分です。
というか、買う必要なかったのでは疑惑が・・・。
Visioの方が使うよね・・・。

画像処理

Adobe CS4 Design Premium

FireworksとたまにFlashがあれば十分なのですが、
クライアントとのデータのやりとりで、InDesignをよく使うので入れています。

テキストエディタ

EmEditor Professional

昔はメモ帳愛用者だったのですが、HTMLやPHP等を書くようになってから、BOMなしUTF-8での保存が必須になってきましたので、テキストエディタを利用するようになりました。
使い出すと便利なので手放せなくなります。

通信

WinSCP

RootFTP→FFFTPと来て、仕事をするようになってからはWinSCPに。
ちょっと、使いづらいところもあったのですが、最近のバージョンではFFFTPよりも便利になっていると思います。
(SCPのソフトですがFTPでも通信できます。)

PuTTY ごった煮版

ぷてぃ?ぱてぃ?
WinSCPのログイン情報を利用引き継いだ状態でWinSCPから起動できる優れもの!
このごった煮版は、日本語対応他いろいろ入っているようです。

アーカイバ

Lhaplus

基本的にはWindows付属のzipと、正規版使用者特典?のLhaのユーティリティでいいと思うのですが、
たまにイレギュラーが発生し、そのタイミングでいれることになります。とりあえず今回は最初から入れておきたいと思います。
Lhasa→Lhaca→Lhaplusという感じで来ていると思います。
そういえば昔はsit対策にAladdin Expanderなんかもいれてましたが、最近みませんね。OSXの恩恵かな?

Firefox

メインはIEなのですが、検証用とFirebugが便利なので。
追加しているプラグインは以下のとおり。

Internet Explorer Developer Toolbar

IEでのCSSの不具合等の検証に利用、cookie周りにも使えるかな。

Multiple IE

IE7を入れたあとにIE6での検証ができます。ただ、微妙に違うので今回はしばらくIE6のままでいたいと思います。

カテゴリー: 未分類 — 池田 @ 10:27 AM

自社サービスを作ろうと思います。

自分たちに取ってちょっと便利で、それをやることによって視野を広げてくれるようなものをどんどん作って行けたらなと。

カテゴリー: 未分類 — 池田 @ 3:40 AM
古い投稿 »