1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
| import PropTypes from "prop-types";
|
| import { HtxTextNode } from "./Node";
|
| /**
| * Node for URL
| * @param {*} props
| */
| const UrlNode = (props) => {
| const style = { wordWrap: "break-word" };
|
| return (
| <HtxTextNode
| id={props.id}
| highlightStyle={Object.assign({}, style, props.highlightStyle)}
| charIndex={props.charIndex}
| range={props.range}
| overlap={props.overlap}
| style={style}
| >
| <a data-position={props.charIndex + props.url.length} href={props.url} target="blank">
| {props.url}
| </a>
| </HtxTextNode>
| );
| };
|
| UrlNode.propTypes = {
| highlightStyle: PropTypes.object,
| id: PropTypes.string,
| charIndex: PropTypes.number,
| range: PropTypes.object,
| url: PropTypes.string,
| };
|
| export default UrlNode;
|
|
