XPressME Integration Kit

フォーラム

FCKeditor他、プラグインの互換について

永らくありがとうございました フォーラム プラグイン FCKeditor他、プラグインの互換について

このトピックには8件の返信が含まれ、2人の参加者がいます。10 年、 1 ヶ月前 匿名 さんが最後の更新を行いました。

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #2604

    匿名

    いつもお世話になります。

    ky982339と申します。

    最近、XPressME_Integration_Kitを導入したのですが、

    今までと同じ(XPressME2011-ver1.09)編集環境にしたく、

    各種プラグインを導入したところ、一部の部ラグインで

    不具合が発生しました。

    バージョンによる互換がないだけなのか、

    何かしら解決方法があればと思い、

    投稿させていただきました。

    (現在の環境)

    ・xcl_hd_1.0.3

    ・XPressME_Integration_Kit_Ver2.0.3.zip

    ・WP 2.8.2

    (導入したプラグイン)

    1.「Dean’s FCKEditor For WordPress 2.5.0」

     エディターです。

    2.「InsertMeta ShortCode 1.0」

     カスタムフィールドのHTMLを記事に挿入

    3.「Lightbox2 2.8.2」

     同一画面上に画像を上乗せ表示する

    まず、「Dean’s FCKEditor For WordPress 2.5.0」ですが、

    1週間くらい普通に使えていましたが、突然エディターの

    操作パネルが表示されなくなりました。

    ※WPの標準エディターも表示されません。

    ※プラグインを停止すると、WPのエディターが表示されます。

    使い慣れていただけに残念です。

    「InsertMeta ShortCode 1.0」は、

    javascriptを挿入するのに必要なので、

    以前まではこのプラグインを導入していました。

    他に方法はありますでしょうか。

    ちなみに、同機能のプラグインである「ContentEx_1_00.zip」

    も試しましたがダメでした。認識していないようです。

    「Lightbox2 2.8.2」については、

    写真や図解を表示させることが多いので、

    できれば導入したいのですが、全く反応しません。

    プラグインの管理画面で各設定を行い、

    “Save Changes”をクリックすると、なぜか404 Errorになります。

    特にエディターについては、

    WP標準のものよりも、FCKEditorの方が優れていると思いますし、

    使い慣れているのでどうにかできればと思う次第です。

    どうぞ宜しくお願いいたします。

    #2842

    toemon
    キーマスター

    ky982339さんこんにちは

    まず、「Dean’s FCKEditor For WordPress 2.5.0」ですが、

    1週間くらい普通に使えていましたが、突然エディターの

    操作パネルが表示されなくなりました。

    ※WPの標準エディターも表示されません。

    ※プラグインを停止すると、WPのエディターが表示されます。

    こちらでテストする限り、特に問題ないようですが、

    うーん、月並みな回答ですが一度ブラウザのキャッシュをクリアしてみてください。

    「InsertMeta ShortCode 1.0」は、

    javascriptを挿入するのに必要なので、

    以前まではこのプラグインを導入していました。

    他に方法はありますでしょうか。

    ちなみに、同機能のプラグインである「ContentEx_1_00.zip」

    も試しましたがダメでした。認識していないようです。

    InsertMeta ShortCode 1.0というプラグインを見つけられなかったので、試すことができませんでしたが、

    ContentExのほうは説明書とおりに設定すれば普通にOKでした。

    試したスクリプトは以下のものです

    <script type="text/javascript"><br />
    //<![CDATA[<br />
    alert('わあどぷれす。');<br />
    //]]><br />
    </script>

    「Lightbox2 2.8.2」については、

    写真や図解を表示させることが多いので、

    できれば導入したいのですが、全く反応しません。

    プラグインの管理画面で各設定を行い、

    “Save Changes”をクリックすると、なぜか404 Errorになります。

    こちらも、特に問題なく動作しますが 404 Errorというのがどうにも解せません。

    Lightbox2の設定ページを表示したときのアドレスバーに表示されるURLが

    http://******/modules/XPressMEモジュール/wp-admin/options-general.php?page=lightbox-2/options.php

    “Save Changes”時にアドレスバーに表示されるURLが

    http://******/modules/XPressMEモジュール/wp-admin/admin.php?page=lightbox-2/options.php&updated=true

    となっていますか?

    #なんだか妙に挙動がおかしいですね。一度、試しにWordPress、プラグインともに上書きアップロードされてみてはいかがでしょうか?

    #2843

    匿名

    toemon様

    アドバイスいただきまして、ありがとうございます。

    今回ご相談させていただきました件ですが、

    何度やっても改善できなかったので、

    モジュールを新規でインストールしなおしました。

    すると、fckeditorはもとに戻りました。

    ただ、残りの2つのプラグインが全く認識されなく、

    いろいろ弄ってたところ、おそらくjqueryが影響しているようでした。

    サイドメニューをアコーディオンにしたく、

    jqueryを使っています。

    このメニューブロックを、モジュール非表示にしたところ、

    それぞれのプラグインが動きました。

    大変お騒がせいたしました。

    どうもありがとうございます。

    #2844

    toemon
    キーマスター

    Lightbox2はprototype.jsで書かれているので、「jQueryとprototype.jsを同時に使う」、あたりの問題でしょうか?

    jQueryで書かれた、wp-lightpopあたりを使うとOKかもしてませんね。

    FCKEditorのほうは気味が悪いですね。 もう、発症しないことをお祈りいたします。 (発症のたびに、再インストールなんてのは最悪ですからね ^^;)

    FCKEditorをお使いでしたら、LightboxのスクリプトはXOOPS側でロードしておいて、fckeditor側にLightBoxまたはLightBox-Plus用のプラグインを設置するというのもアリですね。

    #私もFCKEditor派ですが、改行時に <p>ではなく<div>タグを入れるように設定して使ってます。

    #2845

    匿名

    toemon 様

    たびたびお知恵を拝借し誠にありがとうございます。

    Lightbox2はprototype.jsで書かれているので、「jQueryとprototype.jsを同時に使う」、あたりの問題でしょうか?

    jQueryで書かれた、wp-lightpopあたりを使うとOKかもしてませんね。

    なるほど~。そういう問題もあるんですね;

    恥ずかしながら、js、jQueryについてはほとんど理解しておらず、

    見よう見まねで設置しているレベルです。

    xoopsでpicoモジュールを使ってコンテンツを作っているのですが、

    サブカテゴリーが増えてしまって縦長になってしまったので、

    こちらを使ってアコーディオンメニューにしました。

    http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm

    jquery.min.js

    ddaccordion.js

    を使っている?のですが、

    先ほど教えていただいたwp-lightpopを入れて試しましたが

    やはりダメでした・・・。

    FCKEditorをお使いでしたら、LightboxのスクリプトはXOOPS側でロードしておいて、

    XOOPS側でロードするというのはどういうことなのでしょうか。

    たとえば、wp-lightpopの場合、http://***/common/lib/に

    jsファイル(jquery.lightpop-0.8.1.min.js・jquery.lightpop-0.8.1.js)を入れて・・・

    その後はどこで読み込むのかが分かりません。

    #私もFCKEditor派ですが、改行時に <p>ではなく<div>タグを入れるように設定して使ってます。

    この方法は、fckconfig.jsのFCKConfig.EnterModeをdivとするだけでしょうか。

    ちょっと調べて試したのですが、<p>が表示されてしまいます。

    せっかく貴重な助言をいただいているのに申し訳ありません。

    いろいろ調べて相性がいいものが無いか探してみます!

    #2846

    toemon
    キーマスター

    xoopsでpicoモジュールを使ってコンテンツを作っているのですが、

    サブカテゴリーが増えてしまって縦長になってしまったので、

    こちらを使ってアコーディオンメニューにしました。

    http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm

    jquery.min.js

    ddaccordion.js

    を使っている?のですが、

    先ほど教えていただいたwp-lightpopを入れて試しましたが

    やはりダメでした・・・。

    アコーディオンメニューのスクリプトをどこで埋め込んでいるのかページのソースで確認させていただきたいのですが、支障なけれな問題のサイトのURLを教えていただけないでしょうか?(お問い合わせからの連絡でも結構です)

    XOOPS側でロードするというのはどういうことなのでしょうか。

    これ、アコーディオンの方の確認を終えるまで、待っていただけますか?

    それと、イメージは WPのアップロード挿入(media_upload)で行っているのか、 FCKのパネルからのアップロード挿入でサーバブラウザを使ったアップロードを行っているのか、教えていただけませんか。

    この方法は、fckconfig.jsのFCKConfig.EnterModeをdivとするだけでしょうか。

    ちょっと調べて試したのですが、<p>が表示されてしまいます。

    私はfckeditor-for-wordpress-plugin/custom_config_js.phpに追記してます。

    っていうか、別にこれやらなくてもFCKのパネル内の「フォーマット」から標準 [DIV]を選択して書けばよいだけなんですけど・・・

    #2847

    匿名

    toemon 様

    たびたび申しわけありません。

    アコーディオンメニューのスクリプトをどこで埋め込んでいるのかページのソースで確認させていただきたいのですが、支障なけれな問題のサイトのURLを教えていただけないでしょうか?(お問い合わせからの連絡でも結構です)

    アコーディオンメニューのスクリプトは、

    picoのテンプレート「*_block_menu.html」に記述しております。

    サイトにつきましては、別途、お問い合わせよりお送りさせていただきます。

    それと、イメージは WPのアップロード挿入(media_upload)で行っているのか、 FCKのパネルからのアップロード挿入でサーバブラウザを使ったアップロードを行っているのか、教えていただけませんか。

    lightboxについては、FCKeditorのパネルからアップロード挿入しております。

    Lightbox2 2.8.2の場合は、FCKeditorのパネルからアップロード挿入後、

    エディターをhtmlに切り替え、lightboxを利かせたい箇所へ、

    rel=”lightbox2″を打ち込んでいました。

    wp-lightpopの場合は、任意のディレクトリを選べるので、

    その必要はなさそうです。

    たびたび素人質問で申しわけありません。

    #2848

    toemon
    キーマスター

    サイトのほう確認させていただきました。

    アコーディオンメニューのスクリプトは、

    picoのテンプレート「*_block_menu.html」に記述しております。

    テンプレート側を同様の内容に編集して、Lightbox2、wp-lightpopでイメージのポップアップができない状態を再現できました。

    但し、

    「Lightbox2 2.8.2」については、

    写真や図解を表示させることが多いので、

    できれば導入したいのですが、全く反応しません。

    プラグインの管理画面で各設定を行い、

    “Save Changes”をクリックすると、なぜか404 Errorになります。

    の部分は際限できませんでした。

    まず、picoのテンプレート「*_block_menu.html」のほうですが

    記述されている内容

    <br />
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"><br />
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
    <br />
    <head><br />
    <br />
    <script type="text/javascript" src="<{$xoops_url}>/common/lib/jquery.js"></script><br />
    <script type="text/javascript" src="<{$xoops_url}>/common/lib/ddaccordion.js"><br />
    <br />
    /***********************************************<br />
    * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)<br />
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts<br />
    * This notice must stay intact for legal use<br />
    ***********************************************/<br />
    <br />
    </script><br />
    <br />
    <script type="text/javascript"><br />
    <br />
    ddaccordion.init({<br />
    headerclass: "silverheader", //Shared CSS class name of headers group<br />
    contentclass: "submenu", //Shared CSS class name of contents group<br />
    revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"<br />
    mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover<br />
    collapseprev: true, //Collapse previous content (so only one open at any time)? true/false<br />
    defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content<br />
    onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)<br />
    animatedefault: false, //Should contents open by default be animated into view?<br />
    persiststate: true, //persist state of opened contents within browser session?<br />
    toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]<br />
    togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)<br />
    animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"<br />
    oninit:function(headers, expandedindices){ //custom code to run when headers have initalized<br />
    //do nothing<br />
    },<br />
    onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed<br />
    //do nothing<br />
    }<br />
    })<br />
    <br />
    </script><br />
    <br />
    <style type="text/css"><br />
    <br />
    .applemenu{<br />
    padding: 0px;<br />
    }<br />
    <br />
    .applemenu div.silverheader a{<br />
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/<br />
    width: auto;<br />
    text-decoration: none;<br />
    font-weight:bold;<br />
    }<br />
    <br />
    .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{<br />
    }<br />
    <br />
    .applemenu div.selected a, .applemenu div.silverheader a:hover{<br />
    }<br />
    <br />
    .applemenu div.submenu{ /*DIV that contains each sub menu*/<br />
    margin-left:3px;<br />
    background: white;<br />
    /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/<br />
    }<br />
    <br />
    </style><br />
    <br />
    </head><br />
    <br />
    <body><br />
    <br />
    <div class="applemenu"><br />
    <{foreach item=category from=$block.categories}><br />
    <div class="silverheader"><a>/<{$category.link}>"><{$category.title}></a></div><br />
    <br />
    <div class="submenu"><br />
    <ol style="margin-left:20px ; padding-left:0"><br />
    <{foreach item=content from=$category.contents}><br />
    <li><a>/<{$content.link}>" title="<{$block.lang_lastupdated}>:<{$content.created_time_formatted}>"><{$content.subject}></a></li><br />
    <br />
    <{/foreach}><br />
    <br />
    </div><br />
    <{/foreach}><br />
    </div><br />
    </body><br />
    </html><br />
    

    では、ページのソースを確認すると<BODY>~</BODY>内に

    入れ子で<!DOCTYPE><head><html><body>が出現しますので、あまり面白くない状態ですので、そのあたりを考慮して、<body>~</body>内のコードだけをテンプレート側に置く方がよいと思います。

    <br />
    <div class="applemenu"><br />
    <{foreach item=category from=$block.categories}><br />
    <div class="silverheader"><a>/<{$category.link}>"><{$category.title}></a></div><br />
    <br />
    <div class="submenu"><br />
    <ol style="margin-left:20px ; padding-left:0"><br />
    <{foreach item=content from=$category.contents}><br />
    <li><a>/<{$content.link}>" title="<{$block.lang_lastupdated}>:<{$content.created_time_formatted}>"><{$content.subject}></a></li><br />
    <br />
    <{/foreach}><br />
    <br />
    </div><br />
    <{/foreach}><br />
    </div><br />
    

    その上で

    <HEAD>~<HEAD>の部分はmodule_headerを読み込む前にテーマ側で記述するか、preloadで読み込むことで、Lightbox2、wp-lightpopともに問題なく実行することができました。

    #2849

    匿名

    toemon様

    このたびは、解決までお付き合いくださいまして

    誠にありがとうございました。

    教えていただいたとおり、

    picoのテンプレには<body>~</body>内の記述のみにし、

    preloadで読み込むことで、アコーディオンメニューと

    lightboxを共存させることが出来ました。

    本当に感謝いたします。

    どうもありがとうございました!

9件の投稿を表示中 - 1 - 9件目 (全9件中)

このトピックに返信するにはログインが必要です。