JavaScript から PHP の関数を呼び出す

JavaScript には、文字エンコーディングの変換機能が無い。

これが出来ると、何かと便利である。

今回は、リンクプロパティーで E-mail を選択したときに、メーラーでサブジェクトと本文が文字化けするとのご相談を受けた。

テストすると以下の様になった。

[FCKedito 2.3.x]
Outlook Express : JavaScript で escape された文字列
Thunderbird : JavaScript で escape された文字列

[FCKeditor 2.4.x]
Outlook Express : JavaScript で encodeURIComponent された文字列
Thunderbird : 正常に表示される

実は、すべてのメールソフトに対応する方法は、今の所無い。
今回はユーザーが最も多いと思われる Outlook Express 向けに対策を行う。

Outlook Express では、mailto: の subject パラメータと body パラメータを Shift-JIS として受け取る。
一方、FCKeditorの JavaScript は UTF-8 で書かれている。
よって、UTF-8 -> Shift-JIS -> encodeURIComponent を行う必要がある。

ここで問題なのが UTF-8 -> Shift-JIS 変換だ。

PHP ならば mb_convert_encoding で一発なのに。そうだ、Ajax で呼び出してしまえ！

と言うことで、以下の様に対策が出来た。

(1) FCKeditor/editor/dialog/fck_link/ に fckxml.js をコピー

(2) FCKeditor/editor/dialog/fck_link.html (head に以下を追加)

		<script src="fck_link/fckxml.js" type="text/javascript"></script>

(3) FCKeditor/editor/dialog/fck_link/encoder.php (新規作成)

<?php
//=================================================
// Encoder

$code = rawurlencode( mb_convert_encoding( $_GET[ 'str' ], $_GET[ 'to' ], $_GET[ 'from' ] ) ) ;

header ("content-type: text/xml") ;
echo "<?xml version="1.0" encoding="utf-8" ?>n" ;
?>
<Encoder code="<?php echo $code ; ?>" />

(4) FCKeditor/editor/dialog/fck_link/fck_link.js (修正)

...

//#### Parser Functions

var oParser = new Object() ;

oParser.ParseEMailUrl = function( emailUrl )
{
	// Initializes the EMailInfo object.
	var oEMailInfo = new Object() ;
	oEMailInfo.Address	= '' ;
	oEMailInfo.Subject	= '' ;
	oEMailInfo.Body		= '' ;

	var oParts = emailUrl.match( /^([^?]+)??(.+)?/ ) ;
	if ( oParts )
	{
		// Set the e-mail address.
		oEMailInfo.Address = oParts[1] ;

		// Look for the optional e-mail parameters.
		if ( oParts[2] )
		{
			var oMatch = oParts[2].match( /(^|&)subject=([^&]+)/i ) ;
			if ( oMatch ) oEMailInfo.Subject = decodeURIComponent( mb_convert_encoding( oMatch[2], 'UTF-8', 'SJIS-win' ) );

			oMatch = oParts[2].match( /(^|&)body=([^&]+)/i ) ;
			if ( oMatch ) oEMailInfo.Body = decodeURIComponent( mb_convert_encoding( oMatch[2], 'UTF-8', 'SJIS-win' ) ) ;
		}
	}

	return oEMailInfo ;
}

oParser.CreateEMailUri = function( address, subject, body )
{
	var sBaseUri = 'mailto:' + address ;

	var sParams = '' ;
	var sSep = '?' ;

	if ( subject.length > 0 )
	{
		sParams += sSep + 'subject=' + mb_convert_encoding( encodeURIComponent( subject ), 'SJIS-win', 'UTF-8' ) ;
		sSep = '&' ;
	}

	if ( body.length > 0 )
	{
		sParams += sSep + 'body=' + mb_convert_encoding( encodeURIComponent( body ), 'SJIS-win', 'UTF-8' ) ;
		sSep = '&' ;
	}

	return sBaseUri + sParams ;
}

function mb_convert_encoding( str, enc_to, enc_from )
{
	var oXML = new FCKXml() ;
	var sEncoder = document.location.pathname.replace( /[^/]*$/, '' ) + 'fck_link/encoder.php' ;
	oXML.LoadUrl( sEncoder + '?str=' + str + '&to=' + enc_to + '&from=' + enc_from ) ;

	var oEncodedNode = oXML.SelectSingleNode( 'Encoder' ) ;

	if ( oEncodedNode )
		return oEncodedNode.attributes.getNamedItem('code').value ;

	alert( '文字コードの変換ができません。' ) ;

	return '' ;
}

...