• Modxで作成した携帯サイトでtelタグを使いたい#

  • 28811
    9

    sugitoyo Reply #1, 3 years, 6 months ago

    Reply
    以前、以下のところで質問したsugitoyoともうします。
    http://modxcms.com/forums/index.php/topic,19186.0.html

    Modx（TinyMCE（バージョン）2.1.1.1）で作成した携帯サイトでtelタグを使いたいのですが、
    リンク設定で
    tel:03××××××××
    と入れてもページの表示上はドメインからのパスになってしまい機能しません。

    tkfmさんに教えていただいた

    >TinyMCEの自動変換等の設定(On/Off)については、
    >http://wiki.moxiecode.com/index.php/TinyMCE:Configuration
    >の「Cleanup/Output」欄にいろいろありますのでご参考までに。

    修正するには上記ページのどこに該当するのか教えていただけますでしょうか？

    よろしくお願いいたします。



  • 36592
    970

    tkfm Reply #2, 3 years, 6 months ago

    Reply
    TinyMCEは全く使わない人なので正直良く分かりませんが、名前が出てきちゃいましたんでしゃしゃり出て来ました～ Quote from: sugitoyo at Nov 18, 2008, 01:06 AM
    Modx（TinyMCE（バージョン）2.1.1.1）で作成した携帯サイトでtelタグを使いたいのですが、
    リンク設定で
    tel:03××××××××
    と入れてもページの表示上はドメインからのパスになってしまい機能しません。
    これなんですが、HTMLソース上どう変わってしまうんでしょうか?
    <a href="http://somedomain.com/tel:03XXXXXXXX"> とかになっちゃうってことなんでしょうか?

    telタグはケータイ特有のものなんで、もしPC用のブラウザで動作確認をされているのなら、
    もしかしたらちゃんとケータイで確認すれば動くのかも知れませんよ～


  • 33014
    1,086

    yama Reply #3, 3 years, 6 months ago

    Reply
    Quote from: sugitoyo at Nov 18, 2008, 01:06 AM
    >TinyMCEの自動変換等の設定(On/Off)については、
    >http://wiki.moxiecode.com/index.php/TinyMCE:Configuration
    >の「Cleanup/Output」欄にいろいろありますのでご参考までに。

    修正するには上記ページのどこに該当するのか教えていただけますでしょうか？

    http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/extended_valid_elements
    手っとり早いのはコレかな？自動変換というのとは少し違いますが。

    最新のTinyMCEプラグインだとxconfig.jsというファイルがあって、このファイルの末尾あたりの
    var tinymce_extended_valid_elements = "";

    これの値を「tel」(もしかするとtel:？)か、あるいは「 * 」として全許可にして様子を見てみるといいのではと思います。


  • 33014
    1,086

    yama Reply #4, 3 years, 6 months ago

    Reply
    あれ？telタグじゃなくてリンク設定のところですか？つまり<a href="tel:03-xxxx-xxxx" />みたいな形ですか？
    その場合はTinyMCEコアを少しハックする必要がありますが。
    telタグでよければ先述の方法でいけそうな気がします。


  • 28811
    9

    sugitoyo Reply #5, 3 years, 5 months ago

    Reply
    tkfm様、yama様

    ご回答ありがとうございます。

    Quote from: yama at Nov 18, 2008, 09:54 AM
    あれ？telタグじゃなくてリンク設定のところですか？つまり<a href="tel:03-xxxx-xxxx" />みたいな形ですか？
    telタグでよければ先述の方法でいけそうな気がします。

    はい、上記の通りにしたいです。

    Quote from: yama at Nov 18, 2008, 09:49 AM
    最新のTinyMCEプラグインだとxconfig.jsというファイルがあって、このファイルの末尾あたりの
    var tinymce_extended_valid_elements = "";

    これの値を「tel」(もしかするとtel:？)か、あるいは「 * 」として全許可にして様子を見てみるといいのではと思います。

    上記も両方やってみたのですが、ダメでした。
    携帯でアクセスしても同様です。

    お忙しいところ、すいませんが、他の解決策がありましたら、教えて下さい。
    よろしくお願いいたします。



    Quote from: yama at Nov 18, 2008, 09:54 AM
    あれ？telタグじゃなくてリンク設定のところですか？つまり<a href="tel:03-xxxx-xxxx" />みたいな形ですか？
    telタグでよければ先述の方法でいけそうな気がします。


  • 33014
    1,086

    yama Reply #6, 3 years, 5 months ago

    Reply
    要素や属性じゃなくてその値に対するvalidateなので、TinyMCEコアをハックする必要がありそうですね。
    試してませんが、以下のようにしてみるといいのではと思います。

    まずtinymce/jscripts/tiny_mce/tiny_mce.js をテキストエディタで開きます。160KB足らずのファイルですが、これがTinyMCEコアです。
    次に、mailtoという文字列を検索してみてください。 if(/^(mailto|news|javascript|about) という文字列が見つかると思います。
    ここに「tel」を加えて if(/^(tel|mailto|news|javascript|about) としてみてはどうでしょう。


  • 28811
    9

    sugitoyo Reply #7, 3 years, 5 months ago

    Reply

    yamaさま、ご回答ありがとうございました。

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

    tinymce/jscripts/tiny_mce/tiny_mce.js内の

    ;if(url.indexOf('mailto:')!=-1||url.indexOf('javascript:')!=-1||

    というところに

    ;if(url.indexOf('mailto:')!=-1||url.indexOf('javascript:')!=-1||url.indexOf('tel:')!=-1||

    と足しましたら、うまく機能するようになりました。

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

    今後携帯サイトで利用される方の参考になれば幸いです。

    Quote from: yama at Nov 30, 2008, 06:44 PM
    要素や属性じゃなくてその値に対するvalidateなので、TinyMCEコアをハックする必要がありそうですね。
    試してませんが、以下のようにしてみるといいのではと思います。

    まずtinymce/jscripts/tiny_mce/tiny_mce.js をテキストエディタで開きます。160KB足らずのファイルですが、これがTinyMCEコアです。
    次に、mailtoという文字列を検索してみてください。 if(/^(mailto|news|javascript|about) という文字列が見つかると思います。
    ここに「tel」を加えて if(/^(tel|mailto|news|javascript|about) としてみてはどうでしょう。