最近 fckeditor for wordpress のカスタマイズに、はまっている・・・?? このエディターは非常にカスタマイズがいろいろ出来るみたいでいじればいじるほど便利になって嬉しい!! (⌒^⌒)b うん ・・・しかし問題は、カスタマイズ説明方法がなかなか見つからないことだ・・・・(T^T)
そんなことで、さらに便利になるように前回に引き続き、またまた胡散臭いカスタマイズをしてみた。(実ははどうしても出来るようにしたいことがあったのでがんばりました。)
・・・どちらも結局、楽がしたいだけなのですが、楽が出来るためにがんばりました~~!!
27行目あたりの最初の <Styles> の下に下記を追加
黄色のところは何も記入せず「""」のままでも構わないが、自分は画像置き場のアドレスを設定 実際使う時は「ファイル名」と「captiontex」と「altdesc」を入力するだけでOK。 設定が反映されない場合は、ブラウザのキャッシュをクリアしてください。
ちなみに、このファイルの設定で色々なスタイルが設定可能です。たとえば「div」で「class」を設定したい場合は
見たいな感じです。 実際に範囲(ここでは「てすと」)を選択して上記を実行すると下記になります。
と、言うように色同士が対応しております。(「適当な名前」はスタイルのプルダウンに表示される名前です。)
上記の「highslide」は「水色=紫」がひとつの「<>」内に、4つ入るわけです。
後はそれぞれ変更すれば思いのまま??というわけです。 σ(^◇^;)ヒヤアセ
27行目あたりの <Templates imagesBasePath="fck_template/images/"> の下に下記を追加
こんな感じにやったら目的は達成できました・・・・実際はこのファイルの使用目的が全く違いますが・・・・σ(^◇^;)ヒヤアセ
ちなみに、「size=」の部分はなくても構いませんが、実行後ソース上でココに「"フォントのサイズ数"」を書けばサイズ変更が楽なので書きました。設定が反映されない場合は、ブラウザのキャッシュをクリアしてください。
※上記の[tegaki size=][/tegaki]の部分は表示されなくなってしまうため、全角で入力されています。
・・・このやり方だと[ ]は表示されるのですが文字を選択して自動で挟むいうことは出来ません。(実行してから文字を書く)・・・目的1.の場合だと挟んでくれるけど[ ]ではなくて< >になってしまう・・・どちらが便利か??σ(^◇^;)ヒヤアセ
※実際に実行する時に、「現在のエディタの内容と置換えをします」のチェックを外さないと全て書いたものが消えます!!
追記・・・その後発見! 「fckconfig.js」のファイルの91行目あたりにある
に、変更するとチェックボックスは初期状態でOFFになります。
ちなみに、ココでよく使うもの?を書いておけばかなり楽が出来ます!!
自分の場合はせっかくなのでよく使うテーブルを追記しときました。「margin」や「border」や「cellspacing」や「class」などなど、色々設定して置けて便利・便利!! (゜゜)(。。)(゜゜)(。。)ウンウン
説明は、実際にすでに書いてあるものとテンプレートボタンを押した時の表示を見比べればすぐ理解できると思うので詳しくは書きません。(o^v^o)えへ
う~~ん、さらに使いやすくなってきたぞぉ~~ (゜゜)(。。)(゜゜)(。。)ウンウン
・・・早速、初使い v(=∩_∩=) ブイブイ!!
そんなことで、さらに便利になるように前回に引き続き、またまた胡散臭いカスタマイズをしてみた。(実ははどうしても出来るようにしたいことがあったのでがんばりました。)
目的1. WPプラグインの 「WP-Highslide」 のタグ入力をどうしても、自動?にしたかった。
(fckeditorを使っている為コードタグが使えないのだ~)目的2. WPプラグインの 「wp-tegaki」 のタグ入力をどうしても、自動?にしたかった。
・・・どちらも結局、楽がしたいだけなのですが、楽が出来るためにがんばりました~~!!
目的1. 解決法
fckconfig.js をどんなにいじっても解決できず、やっとの思いで (T^T) 見つけ出した設定方法は、「 /plugins/fckeditor_for_wordpress/fckeditor/fckstyles.xml」のファイルにちょろっと追加すれば、ツールバーのスタイルのところのプルダウンに出現するのだぁ~!! (^∀^)27行目あたりの最初の <Styles> の下に下記を追加
<Style name="highslide" element="highslide">
<Attribute name="captiontext" value="" />
<Attribute name="altdesc" value="" />
<Attribute name="thumbnail" value="http://example.com/wp-content/uploads/image/" />
<Attribute name="image" value="http://example.com/wp-content/uploads/image/" />
</Style >
<Attribute name="captiontext" value="" />
<Attribute name="altdesc" value="" />
<Attribute name="thumbnail" value="http://example.com/wp-content/uploads/image/" />
<Attribute name="image" value="http://example.com/wp-content/uploads/image/" />
</Style >
ちなみに、このファイルの設定で色々なスタイルが設定可能です。たとえば「div」で「class」を設定したい場合は
<Style name="適当な名前" element="div">
<Attribute name="class" value="クラス名" />
</Style >
<Attribute name="class" value="クラス名" />
</Style >
<div class="クラス名">てすと</div>
上記の「highslide」は「水色=紫」がひとつの「<>」内に、4つ入るわけです。
後はそれぞれ変更すれば思いのまま??というわけです。 σ(^◇^;)ヒヤアセ
目的2.解決法
これは、fckconfig.js の設定や上記の方法でやると、<tegaki></tegaki>は出来るのだが、[tegaki]にすると、エラーになってしまう・・・どうしたものかと思い探し当てたのが「 /plugins/fckeditor_for_wordpress/fckeditor/fcktemplates.xml」のファイルにちょろちょろっと追加すれば、ツールバーのテンプレート(雛形)のところに出現するのだぁ~!! (^∀^)27行目あたりの <Templates imagesBasePath="fck_template/images/"> の下に下記を追加
<Template title="適当な名前" image="">
<Description></Description>
<Html>
<![CDATA[
[tegaki size=][/tegaki]
]]>
</Html>
</Template>
<Description></Description>
<Html>
<![CDATA[
[tegaki size=][/tegaki]
]]>
</Html>
</Template>
ちなみに、「size=」の部分はなくても構いませんが、実行後ソース上でココに「"フォントのサイズ数"」を書けばサイズ変更が楽なので書きました。設定が反映されない場合は、ブラウザのキャッシュをクリアしてください。
※上記の[tegaki size=][/tegaki]の部分は表示されなくなってしまうため、全角で入力されています。
・・・このやり方だと[ ]は表示されるのですが文字を選択して自動で挟むいうことは出来ません。(実行してから文字を書く)・・・目的1.の場合だと挟んでくれるけど[ ]ではなくて< >になってしまう・・・どちらが便利か??σ(^◇^;)ヒヤアセ
※実際に実行する時に、「現在のエディタの内容と置換えをします」のチェックを外さないと全て書いたものが消えます!!
追記・・・その後発見! 「fckconfig.js」のファイルの91行目あたりにある
FCKConfig.TemplateReplaceAll = true ; を
↓
FCKConfig.TemplateReplaceAll = false ;
↓
FCKConfig.TemplateReplaceAll = false ;
ちなみに、ココでよく使うもの?を書いておけばかなり楽が出来ます!!
自分の場合はせっかくなのでよく使うテーブルを追記しときました。「margin」や「border」や「cellspacing」や「class」などなど、色々設定して置けて便利・便利!! (゜゜)(。。)(゜゜)(。。)ウンウン
説明は、実際にすでに書いてあるものとテンプレートボタンを押した時の表示を見比べればすぐ理解できると思うので詳しくは書きません。(o^v^o)えへ
う~~ん、さらに使いやすくなってきたぞぉ~~ (゜゜)(。。)(゜゜)(。。)ウンウン
・・・早速、初使い v(=∩_∩=) ブイブイ!!
人気度 : 15 %

関係のある記事
No user の書き込みがあります
コメントほしぃ~よぉ~ σ(^◇^;)