新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 本版讨论XSL,XSLT,XSL-FO,CSS等技术
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - XML技术 → 『 XSL/XSLT/XSL-FO/CSS 』 → [原创]用XSL的xsl:copy-of将XML中CDATA节点内容直接输出为HTML ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 20751 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： [原创]用XSL的xsl:copy-of将XML中CDATA节点内容直接输出为HTML 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     Qr 帅哥哟，离线，有人找我吗？
      
      
      威望：9
      等级：博士二年级(版主)
      文章：4392
      积分：29981
      门派：XML.ORG.CN
      注册：2004/5/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给Qr发送一个短消息 把Qr加入好友 查看Qr的个人资料 搜索Qr在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Qr的主页 引用回复这个贴子 回复这个贴子 查看Qr的博客楼主
    发贴心情 [原创]用XSL的xsl:copy-of将XML中CDATA节点内容直接输出为HTML

    前些日子发“如果浏览器不支持disable-output-escaping="yes"属性？”的时候，只讲到用<xsl:copy-of>，但没有细说如何实现。论坛上依然发了不少相关的贴子，询问该如何实现。今天就贴点代码上来，希望对大家有帮助。

    html.xml:

    <?xml version="1.0"?>
    <?xml-stylesheet type="text/xsl" href ="html.xsl"?>
    <root>
    <htmlstr>
    <![CDATA[<html><body><div>test</div></body></html>]]>
    </htmlstr>
    </root>

    常用的方法是用disable-output-escaping="yes"来输出：　<xsl:value-of select="htmlstr" disable-output-escaping="yes"/>

    但相当一部分浏览器不支持disable-output-escaping属性，也是W3C所不推荐的。xsl:copy-of才是最佳的解决方案。

    html.xsl:

    <?xml version="1.0"?>
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
      <xsl:template match="root">
          <xsl:copy-of select="htmlstr/node()"/>
    </xsl:template>
    </xsl:stylesheet>

    输出结果：<html><body><div>test</div></body></html>


       收藏   分享  
    顶(0)
      




    ----------------------------------------------
    没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

    blog:http://Qr.blogger.org.cn

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/25 10:16:00
     
     hexun831012 帅哥哟，离线，有人找我吗？天秤座1983-10-12
      
      
      威望：1
      等级：研二(Pi-Calculus看得一头雾水)(版主)
      文章：800
      积分：5114
      门派：XML.ORG.CN
      注册：2006/12/8

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给hexun831012发送一个短消息 把hexun831012加入好友 查看hexun831012的个人资料 搜索hexun831012在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看hexun831012的博客第2楼
    发贴心情 
    非也非也，应该输出
    <copy xmlns=""><html><body><div>test</div></body></html></copy>
    才对，我还是推荐用disable-output-escaping="yes"，并采用
    <xsl:if test="system-property('xsl:vendor') = 'Transformiix'">
      <script type="text/javascript">
        var paragraphs = document.getElementsByTagName("p");
        for(var i = 0; i < paragraphs.length; i ++)
        {
          paragraphs[i].innerHTML = paragraphs[i].textContent;
        }
      </script>
    </xsl:if>
    这样的方式，因为在如firefox中，他无法忽略对<copy>标签的解释，如果<copy>中套个<a>，那么<copy>将影响对<a>的解释，导致显示不出来，所以<xsl:copy>不可行。

    和QR唱反调真是不好意思，呵呵。

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/25 11:26:00
     
     Qr 帅哥哟，离线，有人找我吗？
      
      
      威望：9
      等级：博士二年级(版主)
      文章：4392
      积分：29981
      门派：XML.ORG.CN
      注册：2004/5/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给Qr发送一个短消息 把Qr加入好友 查看Qr的个人资料 搜索Qr在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Qr的主页 引用回复这个贴子 回复这个贴子 查看Qr的博客第3楼
    发贴心情 
    偶是在IE浏览器和JS＋DOM两种方式下查看转换结果，才得出以上结论，不一定全面，但没有看到copy的存在。

    GOOGLE了一下，网上也有基本相同的代码，但不保证偶的结论是正确的，只是使用了W3C的推荐的做法。

    “百花齐放、百家争鸣，应该成为我国发展科学、繁荣文学艺术的方针。”

    ----------------------------------------------
    没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

    blog:http://Qr.blogger.org.cn

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/26 12:30:00
     
     hexun831012 帅哥哟，离线，有人找我吗？天秤座1983-10-12
      
      
      威望：1
      等级：研二(Pi-Calculus看得一头雾水)(版主)
      文章：800
      积分：5114
      门派：XML.ORG.CN
      注册：2006/12/8

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给hexun831012发送一个短消息 把hexun831012加入好友 查看hexun831012的个人资料 搜索hexun831012在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看hexun831012的博客第4楼
    发贴心情 
    也许把copy套在最外面没有什么影响，但我是的时候会输出<copy xmlns="">，命名空间与文档相同
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/26 14:09:00
     
     Qr 帅哥哟，离线，有人找我吗？
      
      
      威望：9
      等级：博士二年级(版主)
      文章：4392
      积分：29981
      门派：XML.ORG.CN
      注册：2004/5/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给Qr发送一个短消息 把Qr加入好友 查看Qr的个人资料 搜索Qr在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Qr的主页 引用回复这个贴子 回复这个贴子 查看Qr的博客第5楼
    发贴心情 
    你是不是用工具看转换结果啊，输出主要是浏览器，如果在浏览器中结果正确，那目的不是达到了吗？如果是XML2XML那就另当别论了。

    你的js用法固然好，但是偶的主要目的还是在XSL的应用，必竟disable-output-escaping不是W3C的标准。

    ----------------------------------------------
    没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

    blog:http://Qr.blogger.org.cn

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/26 18:07:00
     
     hexun831012 帅哥哟，离线，有人找我吗？天秤座1983-10-12
      
      
      威望：1
      等级：研二(Pi-Calculus看得一头雾水)(版主)
      文章：800
      积分：5114
      门派：XML.ORG.CN
      注册：2006/12/8

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给hexun831012发送一个短消息 把hexun831012加入好友 查看hexun831012的个人资料 搜索hexun831012在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看hexun831012的博客第6楼
    发贴心情 
    不好意思，我测试发现在firefox 2.0.0.5中没有我说的那个现象了，可能在2.0.0.2之前的版本有这个问题，我再测测
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/27 13:16:00
     
     hexun831012 帅哥哟，离线，有人找我吗？天秤座1983-10-12
      
      
      威望：1
      等级：研二(Pi-Calculus看得一头雾水)(版主)
      文章：800
      积分：5114
      门派：XML.ORG.CN
      注册：2006/12/8

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给hexun831012发送一个短消息 把hexun831012加入好友 查看hexun831012的个人资料 搜索hexun831012在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看hexun831012的博客第7楼
    发贴心情 
    我找到原因了，跟命名空间有关
    xml:
    <?xml version="1.0" encoding="utf-8"?>
    <?xml-stylesheet href="page.xsl" type="text/xsl"?>
    <page version="1.0" xmlns="http://www.hexsoft.org/schema/page.xsd">
     <paragraph>12333333333333333333333</paragraph>
     <paragraph><a href="sdk/">SDK</a></paragraph>
    </page>
    xsl:
    <?xml version="1.0" encoding="utf-8"?>
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:page="http://www.hexsoft.org/schema/page.xsd">
     <xsl:output method="html" indent="no"/>
     <xsl:template match="page:page">
      <div class="page">
       <xsl:apply-templates select="page:paragraph"/>
      </div>
     </xsl:template>
     <xsl:template match="page:paragraph">
      <p>
       <xsl:copy-of select="node()"/>
      </p>
     </xsl:template>
    </xsl:stylesheet>
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/27 13:53:00
     
     Qr 帅哥哟，离线，有人找我吗？
      
      
      威望：9
      等级：博士二年级(版主)
      文章：4392
      积分：29981
      门派：XML.ORG.CN
      注册：2004/5/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给Qr发送一个短消息 把Qr加入好友 查看Qr的个人资料 搜索Qr在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Qr的主页 引用回复这个贴子 回复这个贴子 查看Qr的博客第8楼
    发贴心情 
    呵呵，辛苦啦，坐享其成了。

    ----------------------------------------------
    没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

    blog:http://Qr.blogger.org.cn

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/27 14:06:00
     
     hexun831012 帅哥哟，离线，有人找我吗？天秤座1983-10-12
      
      
      威望：1
      等级：研二(Pi-Calculus看得一头雾水)(版主)
      文章：800
      积分：5114
      门派：XML.ORG.CN
      注册：2006/12/8

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给hexun831012发送一个短消息 把hexun831012加入好友 查看hexun831012的个人资料 搜索hexun831012在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看hexun831012的博客第9楼
    发贴心情 
    是不是在firefox下有问题啊，而且生成的代码毫无问题，但表示不对
    Qr老大可有办法
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/27 14:07:00
     
     Qr 帅哥哟，离线，有人找我吗？
      
      
      威望：9
      等级：博士二年级(版主)
      文章：4392
      积分：29981
      门派：XML.ORG.CN
      注册：2004/5/15

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给Qr发送一个短消息 把Qr加入好友 查看Qr的个人资料 搜索Qr在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Qr的主页 引用回复这个贴子 回复这个贴子 查看Qr的博客第10楼
    发贴心情 
    XSL中有个属性可以“屏蔽”掉元素中的xmlns，具体一下子记不清了，你也找找看。

    ----------------------------------------------
    没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

    blog:http://Qr.blogger.org.cn

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/7/27 15:55:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/12/22 9:20:49

    本主题贴数12，分页： [1] [2]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 78.125ms