帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:links  电子邮件  PAR  URL  parse  COM  点击  文本  
React component to parse links (urls, emails, etc.) in text into clickable links

  • 源代码名称:react-linkify
  • 源代码网址:http://www.github.com/tasti/react-linkify
  • react-linkify源代码文档
  • react-linkify源代码下载
  • Git URL:
    git://www.github.com/tasti/react-linkify.git
  • Git Clone代码到本地:
    git clone http://www.github.com/tasti/react-linkify
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/tasti/react-linkify
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • 响应 linkify

    响应组件将文本中的链接( url,电子邮件,等等 ) 解析为可以点击的链接

    示例

    实时示例可以在 http://tasti.github.io/react-linkify/ 获得。

    基本

    出现在 Linkify 组件内部的任何链接都将变为可以点击。

    
    <Linkify>See examples at tasti.github.io/react-linkify/.</Linkify>
    
    
    
    

    呈现为:

    参见 tasti.github.io/react-linkify/的示例。

    高级

    如果你觉得懒惰,你可以在任何你想链接的地方环绕 Linkify。 即使使用嵌套元素,它也会遍历树查找链接。

    
    <Linkify>
    
    
     <div>react-linkify <span>(tasti.github.io/react-linkify/)</span></div>
    
    
     <div>React component to parse links (urls, emails, etc.) in text into clickable links</div>
    
    
     See examples at tasti.github.io/react-linkify/.
    
    
     <footer>Contact: tasti@zakarie.com</footer>
    
    
    </Linkify>
    
    
    
    

    呈现为:

    响应 linkify ( tasti.github.io/react-linkify/ ) 响应组件将文本中的链接( url,电子邮件,等等 ) 解析为可以单击链接,请参见 tasti.github.io/react-linkify/ 中的示例。 联系人:tasti@zakarie.com

    安装

    
    yarn add react-linkify
    
    
    
    

    或者

    
    npm install react-linkify --save
    
    
    
    

    用法

    importLinkifyfrom'react-linkify';React.render(
     <Linkify>Examples are available at tasti.github.io/react-linkify/.</Linkify>,
     document.body);

    道具

    组件 in要在其中包装链接的组件的类型。 类型: any 默认: 'a'

    属性将被添加到每个匹配组件中的道具。 类型: object 默认: {}

    注意:使用 Linkify.MATCH 作为一个值来指定匹配的链接。 属性prop始终包含 {href: Linkify.MATCH, key: 'LINKIFY_KEY_#'} 除非被覆盖。

    文档级自定义项

    你可以通过导入来访问用于linkify内容的全局 Linkify 实例( import { linkify } from 'react-linkify' )。这样,你就可以根据需要定制( 比如。 禁用现有架构或者添加新架构。

    注意,对该实例进行的任何定制都会影响你使用的每个 Linkify 组件。

    示例

    所有类型的链接都由 linkify检测到它是支持的。 例如访问他们的网站。



    文章标签:COM  PAR  文本  react  parse  电子邮件  URL  点击  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语