http://www.adobe.com/jp/

あいかわらず高っ！

MovableTypeに限らず、CMSやコミュニケーションサイト等多くのシーンで使用されているWYSIWYGタイプのHTMLエディターの有名どころである「FCKeditor」。
今回は、そのFCKeditorをもちっと使いやすくするお話です。

ご存知の通りFCKeditorはHTMLを視覚的にプレビューしながら直接編集できるツールなわけですが、そのプレビューエリアの中は実際に表示されるコンテンツの幅とは異なっていたり、文字サイズが違ったり、コンテンツでのみ使用しているクラス名がプレビューできなかったりと、コンテンツに直接記事を入力するような感覚、とまではいかず不便に感じておられる方もいるのではないでしょうか。

というわけで、今回はプレビューエリアをカスタマイズしてみます。

この記事ではMTのプラグインである、「MT-Plugin-FCKeditor-1.2.ja_v2」を例にしていきたいと思います。

まず、
mt-static/plugins/FCKeditor/fckeditor/editor/css
を参照し、その中のfck_editorarea.cssを念のためバックアップを取ってから、お手持ちのオーサリングツールなどで開けてみましょう。

はい、そう。この中身がプレビューエリア内のCSSなのです。
ので、この中身をコンテンツのCSSと同期をとってやれば、同じような感覚で記事を書くことができるってわけです。

ただし、注意しないといけない点として、プレビューエリアはIFrame内のbodyタグ以降はなにもないHTMLですので、
たとえば、コンテンツの中身が#container内の#mainにある場合、

えー、なんだか久し振りの投稿ですね。

結構忙しかったこともあって、一旦積んでしまったRPGをなかなか
再開できない気分（？）で、ついつい放置してしまっていました。

といっても大した記事じゃないのですが、
日本でもGoogleマップにストリートビューがリリースされたので
試してみたところ、これがなかなかやばかったので。

便利だけど、ここまでくると場所によっては人がはっきりと映りこんじゃったりとかで、さすがに怖い感じがしますね。

ストリートビュー自体はFlashで動いてるみたいですけども
このストリートビューの位置情報も固定のURLとして取得できると
友人との待ち合わせ用などには重宝しそうなんですけどね～。

元ネタは今月の「Web creators」に掲載されているのを見て知った程度なので、今さら私のブログで紹介することもないのですが、便利ななので
紹介しておきます。

■IETester
いままでのIE環境のブラウザ検証の手段として、実機検証ができない場合においては、スタンドアローン版のIEを利用したりvirtualPCでの検証などが一般的ではないかと思いますが、これらと同等もしくはそれ以上に効率的に検証を行うことができる複数のIEをパッケージ化したアプリケーションがIETesterだ。

含まれるIEのバージョンはIE5.5、6、7、8beta1と最新版の8が含まれている点がうれしい。

同じページをバージョンごとにタブ表示させて比較していけば
崩れている個所の発見も容易だろうし、いちいち複数のIEを起動させるストレスもない。

最も確実なのは実機検証だろうが、簡単に手早く検証していきたい場合にはもってこいだろう。
（と書きながら早速IETesterを使ってIE8環境の検証を複数のリリース済みサイトでやってみたのだが、ほんとbeta品質だなぁ・・・Firefox3でも全く問題ない個所でえら崩れしますわ。まだbeta2以降で改善されるかもしれないという一部の望みにかけて見なかったことにしておきます。。。）