2011-07-07 11 views
5

時には、JSFページでELを使用してJavaScript変数をレンダリングする必要があります。式言語でJavaScriptをエスケープする

など。

<script>var foo = '#{bean.foo}';</script> 

または

<h:xxx ... onclick="foo('#{bean.foo}')" /> 

EL式は、アポストロフィや改行などJS特殊文字を含む文字列と評価されたときにこれはJS構文エラーで失敗します。どのように私はそれをエスケープするのですか?

+0

以下の答えが正しい軌道に乗って私を置きます。 – Ontonomo

+0

が追加されました:xmlns:fn = "http://java.sun.com/jsp/jstl/functions"およびコード '#{fn:replace(_selectedItem.item.webName、 "'、" "}} ' 、 – Ontonomo

答えて

13

Apache Commons Lang 3.xStringEscapeUtils#escapeEcmaScript()をELで使用することができます。

まず次のようになり/WEB-INF/functions.taglib.xmlを作成します。

<?xml version="1.0" encoding="UTF-8"?> 
<facelet-taglib 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facelettaglibrary_2_0.xsd" 
    version="2.0"> 
    <namespace>http://example.com/functions</namespace> 

    <function> 
     <name>escapeJS</name> 
     <function-class>org.apache.commons.lang3.StringEscapeUtils</function-class> 
     <function-signature>java.lang.String escapeEcmaScript(java.lang.String)</function-signature> 
    </function> 
</taglib> 

そして、次のように/WEB-INF/web.xmlに登録:

<context-param> 
    <param-name>javax.faces.FACELETS_LIBRARIES</param-name> 
    <param-value>/WEB-INF/functions.taglib.xml</param-value> 
</context-param> 

を次のように次に、あなたがそれを使用することができます。

<html ... xmlns:func="http://example.com/functions"> 
... 
<script>var foo = '#{func:escapeJS(bean.foo)}';</script> 
... 
<h:xxx ... onclick="foo('#{func:escapeJS(bean.foo)}')" /> 

また、既にJSFユーティリティー・ライブラリーを使用している場合、あなたはまた、ちょうどその組み込みof:escapeJS()機能を使用することができます。

<html ... xmlns:of="http://omnifaces.org/functions"> 
... 
<script>var foo = '#{of:escapeJS(bean.foo)}';</script> 
... 
<h:xxx ... onclick="foo('#{of:escapeJS(bean.foo)}')" /> 
+0

私は上記に従ってきましたが、次の例外が発生します:javax.servlet.ServletException:com.sun.faces.el.impl.ElException:関数が "util:escapeJS"という名前にマップされていませんJSF 1.1、JSP 2.1 ...私は何を見なければならない? – bendicott

+0

@bendicott:上記の答えはFacelet taglibを使用しています。 FaceletsではなくJSPを使用しています。代わりにJSPタグライブラリを作成する必要があります。 – BalusC

+0

taglibの定義を修正しなければならなかったのですが、あなたのソリューションは素晴らしく...シンプルで効果的です! – cljk

-1

\'#{_selectedItem.item.webName}\',を試しましたか?

+1

質問をもう一度お読みください。アポストロフィされた文字列値を返す 'webName'です。 – BalusC