515 | Snippet:
516 |
517 |
518 | | Filter |
519 | Source |
520 | Rendered |
521 |
522 |
523 | | linky filter |
524 |
525 | <div ng-bind-html="snippet | linky">
</div>
526 | |
527 |
528 |
529 | |
530 |
531 |
532 | | linky target |
533 |
534 | <div ng-bind-html="snippetWithTarget | linky:'_blank'">
</div>
535 | |
536 |
537 |
538 | |
539 |
540 |
541 | | no filter |
542 | <div ng-bind="snippet">
</div> |
543 | |
544 |
545 |
546 |
547 |
548 | it('should linkify the snippet with urls', function() {
549 | expect(element(by.id('linky-filter')).element(by.binding('snippet | linky')).getText()).
550 | toBe('Pretty text with some links: http://angularjs.org/, us@somewhere.org, ' +
551 | 'another@somewhere.org, and one more: ftp://127.0.0.1/.');
552 | expect(element.all(by.css('#linky-filter a')).count()).toEqual(4);
553 | });
554 |
555 | it('should not linkify snippet without the linky filter', function() {
556 | expect(element(by.id('escaped-html')).element(by.binding('snippet')).getText()).
557 | toBe('Pretty text with some links: http://angularjs.org/, mailto:us@somewhere.org, ' +
558 | 'another@somewhere.org, and one more: ftp://127.0.0.1/.');
559 | expect(element.all(by.css('#escaped-html a')).count()).toEqual(0);
560 | });
561 |
562 | it('should update', function() {
563 | element(by.model('snippet')).clear();
564 | element(by.model('snippet')).sendKeys('new http://link.');
565 | expect(element(by.id('linky-filter')).element(by.binding('snippet | linky')).getText()).
566 | toBe('new http://link.');
567 | expect(element.all(by.css('#linky-filter a')).count()).toEqual(1);
568 | expect(element(by.id('escaped-html')).element(by.binding('snippet')).getText())
569 | .toBe('new http://link.');
570 | });
571 |
572 | it('should work with the target property', function() {
573 | expect(element(by.id('linky-target')).
574 | element(by.binding("snippetWithTarget | linky:'_blank'")).getText()).
575 | toBe('http://angularjs.org/');
576 | expect(element(by.css('#linky-target a')).getAttribute('target')).toEqual('_blank');
577 | });
578 |
579 |
580 | */
581 | angular.module('ngSanitize').filter('linky', ['$sanitize', function($sanitize) {
582 | var LINKY_URL_REGEXP =
583 | /((ftp|https?):\/\/|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>]/,
584 | MAILTO_REGEXP = /^mailto:/;
585 |
586 | return function(text, target) {
587 | if (!text) return text;
588 | var match;
589 | var raw = text;
590 | var html = [];
591 | var url;
592 | var i;
593 | while ((match = raw.match(LINKY_URL_REGEXP))) {
594 | // We can not end in these as they are sometimes found at the end of the sentence
595 | url = match[0];
596 | // if we did not match ftp/http/mailto then assume mailto
597 | if (match[2] == match[3]) url = 'mailto:' + url;
598 | i = match.index;
599 | addText(raw.substr(0, i));
600 | addLink(url, match[0].replace(MAILTO_REGEXP, ''));
601 | raw = raw.substring(i + match[0].length);
602 | }
603 | addText(raw);
604 | return $sanitize(html.join(''));
605 |
606 | function addText(text) {
607 | if (!text) {
608 | return;
609 | }
610 | html.push(sanitizeText(text));
611 | }
612 |
613 | function addLink(url, text) {
614 | html.push('
');
623 | addText(text);
624 | html.push('');
625 | }
626 | };
627 | }]);
628 |
629 |
630 | })(window, window.angular);
631 |
--------------------------------------------------------------------------------