562 | Snippet:
563 |
564 |
565 | | Filter |
566 | Source |
567 | Rendered |
568 |
569 |
570 | | linky filter |
571 |
572 | <div ng-bind-html="snippet | linky">
</div>
573 | |
574 |
575 |
576 | |
577 |
578 |
579 | | linky target |
580 |
581 | <div ng-bind-html="snippetWithTarget | linky:'_blank'">
</div>
582 | |
583 |
584 |
585 | |
586 |
587 |
588 | | no filter |
589 | <div ng-bind="snippet">
</div> |
590 | |
591 |
592 |
593 |
594 |
595 | it('should linkify the snippet with urls', function() {
596 | expect(element(by.id('linky-filter')).element(by.binding('snippet | linky')).getText()).
597 | toBe('Pretty text with some links: http://angularjs.org/, us@somewhere.org, ' +
598 | 'another@somewhere.org, and one more: ftp://127.0.0.1/.');
599 | expect(element.all(by.css('#linky-filter a')).count()).toEqual(4);
600 | });
601 |
602 | it('should not linkify snippet without the linky filter', function() {
603 | expect(element(by.id('escaped-html')).element(by.binding('snippet')).getText()).
604 | toBe('Pretty text with some links: http://angularjs.org/, mailto:us@somewhere.org, ' +
605 | 'another@somewhere.org, and one more: ftp://127.0.0.1/.');
606 | expect(element.all(by.css('#escaped-html a')).count()).toEqual(0);
607 | });
608 |
609 | it('should update', function() {
610 | element(by.model('snippet')).clear();
611 | element(by.model('snippet')).sendKeys('new http://link.');
612 | expect(element(by.id('linky-filter')).element(by.binding('snippet | linky')).getText()).
613 | toBe('new http://link.');
614 | expect(element.all(by.css('#linky-filter a')).count()).toEqual(1);
615 | expect(element(by.id('escaped-html')).element(by.binding('snippet')).getText())
616 | .toBe('new http://link.');
617 | });
618 |
619 | it('should work with the target property', function() {
620 | expect(element(by.id('linky-target')).
621 | element(by.binding("snippetWithTarget | linky:'_blank'")).getText()).
622 | toBe('http://angularjs.org/');
623 | expect(element(by.css('#linky-target a')).getAttribute('target')).toEqual('_blank');
624 | });
625 |
626 |
627 | */
628 | angular.module('ngSanitize').filter('linky', ['$sanitize', function($sanitize) {
629 | var LINKY_URL_REGEXP =
630 | /((ftp|https?):\/\/|(www\.)|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>"”’]/,
631 | MAILTO_REGEXP = /^mailto:/;
632 |
633 | return function(text, target) {
634 | if (!text) return text;
635 | var match;
636 | var raw = text;
637 | var html = [];
638 | var url;
639 | var i;
640 | while ((match = raw.match(LINKY_URL_REGEXP))) {
641 | // We can not end in these as they are sometimes found at the end of the sentence
642 | url = match[0];
643 | // if we did not match ftp/http/www/mailto then assume mailto
644 | if (!match[2] && !match[4]) {
645 | url = (match[3] ? 'http://' : 'mailto:') + url;
646 | }
647 | i = match.index;
648 | addText(raw.substr(0, i));
649 | addLink(url, match[0].replace(MAILTO_REGEXP, ''));
650 | raw = raw.substring(i + match[0].length);
651 | }
652 | addText(raw);
653 | return $sanitize(html.join(''));
654 |
655 | function addText(text) {
656 | if (!text) {
657 | return;
658 | }
659 | html.push(sanitizeText(text));
660 | }
661 |
662 | function addLink(url, text) {
663 | html.push('
');
672 | addText(text);
673 | html.push('');
674 | }
675 | };
676 | }]);
677 |
678 |
679 | })(window, window.angular);
680 |
--------------------------------------------------------------------------------