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

9 Posts

sugitoyo Reply #1, 15 years, 5 months ago

以前、以下のところで質問した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」欄にいろいろありますのでご参考までに。

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

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

970 Posts

tkfm Reply #2, 15 years, 5 months ago

TinyMCEは全く使わない人なので正直良く分かりませんが、名前が出てきちゃいましたんでしゃしゃり出て来ました～ grin

Quote from: sugitoyo at Nov 18, 2008, 07:06 AM

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

これなんですが、HTMLソース上どう変わってしまうんでしょうか?
<a href="http://somedomain.com/tel:03XXXXXXXX"> とかになっちゃうってことなんでしょうか?

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

☆ A M B ☆
1,231 Posts

yama Reply #3, 15 years, 5 months ago

Quote from: sugitoyo at Nov 18, 2008, 07: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:？)か、あるいは「 * 」として全許可にして様子を見てみるといいのではと思います。

☆ A M B ☆
1,231 Posts

yama Reply #4, 15 years, 5 months ago

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

9 Posts

sugitoyo Reply #5, 15 years, 4 months ago

tkfm様、yama様

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

Quote from: yama at Nov 18, 2008, 03:54 PM

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

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

Quote from: yama at Nov 18, 2008, 03:49 PM

最新のTinyMCEプラグインだとxconfig.jsというファイルがあって、このファイルの末尾あたりの
var tinymce_extended_valid_elements = "";
これの値を「tel」(もしかするとtel:？)か、あるいは「 * 」として全許可にして様子を見てみるといいのではと思います。

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

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

Quote from: yama at Nov 18, 2008, 03:54 PM

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

☆ A M B ☆
1,231 Posts

yama Reply #6, 15 years, 4 months ago

9 Posts

sugitoyo Reply #7, 15 years, 4 months ago

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 Dec 01, 2008, 12:44 AM

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

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