Full Featured FCKeditor on Movable Typeを利用する
"Full Featured FCKeditor on Movable Type"といういいかげんなプラグインを利用して、FCKeditorを設置できました。
洗練された厨房にデザインがかわりました。
自分としては苦肉の策でしたね。
♪ コメント
ネットでこうさぎなど言ったよ
ぽんちゃんが、こうさぎとかをBLOGしたかった。
2006年6月 3日
♪ コメント
Full Featured FCKeditor on Movable Typeにひっかかる
"Full Featured FCKeditor on Movable Type" ここにMovable Type に FCKeditorを簡単に組み込むプラグインがありましたので、さっそくいれて、サイトの記述どおりやってみました。するとどうでしょう。もののみごとにFCKeditorが表示されませんではありませんか。どこをどうやっても組み入れることができませんでした。しかたなくこのプラグインを取り去って、すでにFCKeditorを組み入れた方法に復元しようとしますが、できません。おいおい。もしかしたらこのプラグイン、Movable Typeのファイルまで書き換えてるのでしょうか。。。 "Full Featured FCKeditor on Movable Type"のページの下のコメントに目をやりますと、苦情殺到でした。アンインストールの仕方まで聞いてるようです。結局これをはずすとMTにエラーが出て投稿できなくなってしまいました。しかしこんな毒にしかならないプラグインは、速報しておいたほうがいいでしょう。
2006年4月10日
FKCeditorの絵文字ページの大きさの変え方
FKCeditorの絵文字ページの大きさの変えを変えるには、fckconfig.jsのファイルをエディターで開いて、FCKConfig.SmileyWindowWidth = n に横幅pixでFCKConfig.SmileyWindowHeight = n には縦幅pixの半角英数字を入れます。とりあえずここで大きさを変えておけば、増設したすべての絵文字ページに大きさが適用されます。
ちなみにFCKConfig.SmileyColumns = n は初期の一ページ目の絵文字ファイルの横の絵文字の数になります。
fckconfig.js
178 FCKConfig.SmileyColumns = 8 ;
179 FCKConfig.SmileyWindowWidth = 1000 ;
180 FCKConfig.SmileyWindowHeight = 600 ;
2006年4月 9日
FKCeditorの絵文字ページの増やし方
1. "FCKeditor\editor\dialog\fck_smiley.html" の fck_smiley.html に増やしたいページ名（任意）のコピーを "fck_smiley2.html" つくる。
2. fck_smiley.htmlに増設ページへのリンクの貼り方。
fck_smiley.htmlをエディターで開いて、一番下あたりの</script>と</table>との間に<a href="fck_smiley2.html">（増設ページ名）</a>
fck_smiley.html
87 //-->
88 </script>
89 </table>
90 </body>
91 </html>
↓
87 //-->
88 </script>
89 <a href="fck_smiley2.html">（増設ページ名）</a>
90 </table>
91 </body>
91 </html>
3. 増設したページに画像のはめ込み方。
1), fck_smiley2.html（増設ページ）の "var sBasePath = FCKConfig.SmileyPath ;" の記述に画像ファイルの指定フォルダー場所を ' ' 内に加える。例、 + 'images/smiley/'
2), "var aImages = FCKConfig.SmileyImages ;" の FCKConfig.SmileyImages を削除して、ここに上で指定したフォルダー内の指定画像ファイル名を拡張子も含めて ['A','B','C','D'] と記述していく。[ ] 内のファイル指定開始と終了は ' をつけて、画像ファイル名の間には ',' を加える。
4. 絵文字プレビューの横行の変更の仕方。
"var cols = FCKConfig.SmileyColumns ;"のFCKConfig.SmileyColumnsを削除して横行の半角英数字を記入する。
fck_smiley2.html（増設ページ）
62 var FCKConfig = oEditor.FCKConfig ;
63
64 var sBasePath = FCKConfig.SmileyPath ;
65 var aImages = FCKConfig.SmileyImages ;
66 var cols = FCKConfig.SmileyColumns ;
↓
62 var FCKConfig = oEditor.FCKConfig ;
63
64 var sBasePath = FCKConfig.BasePath + 'images/smiley/' ;
65 var aImages = ['yama.gif','kawa.gif','tani.gif']
66 var cols = 10 ;
注意点
※ここでのhtmlファイルを編集するときは、ホームページビルダーなどのhtmlエディターを使わない方がよいです。理由は、最近のhtmlエディターは、エラー修正機能がついていて勝手にソースが修正・書き加えされる場合があるからです。
♪ コメント
ご説明どおりやってみましたところ、
無事に増設できました！
お忙しい中丁寧に説明してくださり
ありがとうございました。ほんとうに
助かりました。
♪ コメント
＞ヒロさん
いえいえどういたしまして。
そういえばいま思い出しましたけど、当方は飛び出した絵文字ウインドウの大きさも変えてます。
・・・それもどこを書き換えたか探して書き加えておきますねOrz
2005年10月11日
Movable TypeとFKCeditorその後
Movable type3.2の編集画面に仕込まれたFCKeditorですが、エントリーを書くのにもっともっと多くの画像があればよいんじゃないかと、おととい"Smileycons"さんから画像を買ってしまいました($14.5)。こともあろうに、年間ゴールドメンバー(+$16.95)として。
結果として当ブログにも非常に多くの（数えてないですけど約2,000以上の）画像を仕込みました。
仕込むのは簡単でないのです。ファイルが1,000個あればおのおののファイル名を書き出さなければなりません
一字でも書き間違えは許されないのです。初めひとつひとつファイル名のコピーでやってましたけど、日が暮れてしまいました。
「りすてぃんぐ♪」（大原隆誠氏作）というフォルダー内のファイル名をテキストファイルへ書き出してくれるソフトを拝借しました。なかなか助かりました。
追記：
FCKeditoerには画像アップローダーとサーバーブラウザー機能がついてるのですけど、どうやっても正常に動きません。世界中の書き込みをみるとやはり悩んでる人が多いようです。きのう一日考えてましたけど断念しました。考えて見るとMovable Typeにも画像アップローダーが付いてますから、Movable Typeのアップローダーでアップさせて"HTML表示"でソースをFCKeditorの画像リンク表示機能を使えばすむことです
なんで有料の画像を買ったかって・・・・とてもかわいらしい画像が多く、画像著作権使用関係での事後トラブルを防ぐためです。うちのブログを使う人限定使用権画像です。
2005年10月 8日
Movable Type 3.2 With FKCeditorのおもしろカスタマイズ
Movable Type 3.2 With FKCeditorのおもらしじゃなくって、おもしろカスタマイズのコーナーです
昨日の顔文字をたくさん増やした続きですけど、もっと
もっと増やしました。昨日の顔文字挿入画面を１ページ目として定義して、
２ページ目を作成して、
３ページも作成しました
これでおもしろブログが楽しめます。画像は小さいほうがよいです。
確認していきながら作っていくのですけど、リンク先のjsファイルなどはパソコンのキャッシュを消去してブラウザーの更新ボタンを押さないと効果の確認ができないので、とてもめんどうでした。方法論としては、無限大にあらかじめ画像サンプルを設置できますので、エントリーごとにアップしなくてよいのでとても便利です。
♪ コメント
こんにちは。以前FKCeditorの事で書き込んだピロです。
わたしもこの記事のように、たくさん絵文字を入れたいのですが、
ページを分割する方法がわかりませんでした。
よろしかったら、簡単にでも構いませんので、
方法を教えていただけないでしょうか？
お返事お待ちしております。
♪ コメント
コメントありがとうございます。昨日朝メインPCのハードディスクがクラッシュしまして。。一週間後くらいまでに絵文字ページの方法についてかきますねOrz
/FCKeditor/editor/dialog/fck_smiley.html
このファイルを書き換えて増やしていくだけなんです。
ホームページかじったことある方ならすぐに発見できると思います。
♪ コメント
>武馬さん
早速のレスありがとうございます。
＞昨日朝メインPCのハードディスクがクラッシュしまして。。
それは災難でしたね…！私にも経験があります。
データが救い出せることを祈っています。
なるほど、htmlを書き換えるのですね！
fckconfig.jsをいじるのかな～と思って
ずっとにらめっこしていました。
それがわかっただけでかなりのヒントに
なりました。もう少しがんばってみます。
♪ コメント
＞ヒロさん
FKCeditorの絵文字ページの増やし方を書きました。わからないところありましたらお伝えください。
Posted by 武馬 at 10 08, 14:54♪ コメント
＞武馬さん
大変な時だというのに丁寧に解説いただきありがとうございます！
早速参考にさせていただきます。
2005年10月 7日
Movable Type3.2のKFCeditorをOffice2003風に
KFCeditorをはめこんだMovable Type3.2の編集画面をOffice2003タッチの編集画面に変える。
Movable Type3.2のKFCeditorの顔文字を増やす
KFCeditorのデフォルトのEmotionは、２１個しかありません。KFCeditorのフォルダーを見るとなんとおまけのEmotionがたくさん用意されてましたので、これらのファイル名をjsファイルに全部書き出して下の画像のようにたくさんになりました。
エディターKFCeditorをMovable Type3.2にくみこむ
WYSIWYGエディターをMovable Typeの編集画面にくみこんでみました
Patrick KlaassenさんのところのTutorial: WYSIWYG under Movable Type 3.xという記事を参考にFCKeditor - The text editor for InternetというフリーソースのWEBエディターをMovable Type3.2にくみこんでみました。
なかなかいい感じです
「テンプレートの内容」として（３つしかないです
）、投稿するエントリーのテンプレートが選べます。
難点は、IEブラウザーの上部に「セキュリティの保護のための・・・・」という帯がでたままどうやっても消えないところです。
MTファイル書き換えで注意すべきは、下記赤字部分をそれぞれのファイル構造によって書き換える点です。
ところで、昨日の簡易エディターははずしました。
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'text' ) ;
oFCKeditor.BasePath = '<TMPL_VAR NAME=STATIC_URI>../FCKeditor/' ;
oFCKeditor.Width = 580 ;
oFCKeditor.Height = 400 ;
oFCKeditor.CheckBrowser = true ;
oFCKeditor.ReplaceTextarea() ;
pFCKeditor = new FCKeditor( 'text_more' ) ;
pFCKeditor.BasePath = '<TMPL_VAR NAME=STATIC_URI>../FCKeditor/' ;
pFCKeditor.Width = 580 ;
pFCKeditor.Height = 400 ;
pFCKeditor.CheckBrowser = true ;
pFCKeditor.ReplaceTextarea() ;
}
</script>
♪ コメント
はじめまして！お手数おかけしますが
エディターKFCeditorをMT3.2に組み込む方法を教えて頂けないでしょうか宜しくお願いします。
♪ コメント
武馬さん、panserさん、はじめまして。ピロと申します。
私もKFCeditorをMovableTypeに組み込む方法を探していて
ここにたどり着きました。
書き込みからだいぶ日にちがたっているので、
panserさんはもうここをみていないかもしれませんが、
あとから来る人のためにも書いておこうとおもいます。
私はまず、以下のサイトを参考にしました。武馬さんが紹介されているPatrick Klaassenさんの説明を翻訳した感じのものです。
http://www.dakiny.com/archives/computer_and_internet/contents_management_system/movable_type/wysiwyg_editor/
そしてやってみたのですが
どうもうまくいきませんでした。
次に以下のサイトも参考にしましたができませんでした。
http://www.cmpunch.com/tips/000104.php
最後にごんひめじ～くふり～とＷＥＢＬＯＧさんの方法を
試してみたところ、無事に設置
できました！
http://gon.onioni.org/archives/2005/07/movabletypefcke.html
参考になれば幸いです。
Posted by ピロ at 10 07, 15:22♪ コメント
ピロさん＞
はじめまして。説明していただいてありがとうございます。panserさんからコメントいただいてから設置方法ちゃんと書かなきゃと思ってるうちに忘れてました。ピロさん設置成功されたんですね。お疲れ様です。KFCeditorに多くの顔文字が付属されてますから設置してみてください。
それとKFCeditorのサーバーブラウザー機能（必要性少ない！？）が使えるかなといろいろ書き換えて試行錯誤しましたが、外国の掲示板あたってもうまくいかないという書き込みがありました。
ピロさんのほうがKFCeditorに詳しいかと思いますが、何かわからないことありましたらお聞きください。
panserさん＞
ごめんなさい。ピロさんに説明いただきました。
Posted by 武馬 at 10 07, 15:22♪ コメント
武馬さん＞
お返事ありがとうございます。
私は昨夜KFCeditorの存在を知り、
ついさっきやっと設置できたところ
です。なのでまだまだ初心者です。
サーバーブラウザー機能なんて
あるんですね～。このページをみて、
絵文字を増やしてみたくなりました。
これからいろいろ試してみたいと思います！
