52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
|
/**
|
||
|
|
* @copyright (c) 2017 Arthur Schiwon <blizzz@arthur-schiwon.de>
|
||
|
|
*
|
||
|
|
* @author Arthur Schiwon <blizzz@arthur-schiwon.de>
|
||
|
|
*
|
||
|
|
* This file is licensed under the Affero General Public License version 3 or
|
||
|
|
* later. See the COPYING file.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import $ from 'jquery'
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Detects links:
|
||
|
|
* Either the http(s) protocol is given or two strings, basically limited to ascii with the last
|
||
|
|
* word being at least one digit long,
|
||
|
|
* followed by at least another character
|
||
|
|
*
|
||
|
|
* The downside: anything not ascii is excluded. Not sure how common it is in areas using different
|
||
|
|
* alphabets… the upside: fake domains with similar looking characters won't be formatted as links
|
||
|
|
*/
|
||
|
|
const urlRegex = /(\s|^)(https?:\/\/)?((?:[-A-Z0-9+_]+\.)+[-A-Z]+(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*)(\s|$)/ig;
|
||
|
|
|
||
|
|
export function plainToRich (content) {
|
||
|
|
return this.formatLinksRich(content);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function richToPlain (content) {
|
||
|
|
return this.formatLinksPlain(content);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function formatLinksRich (content) {
|
||
|
|
return content.replace(urlRegex, function (_, leadingSpace, protocol, url, trailingSpace) {
|
||
|
|
let linkText = url;
|
||
|
|
if (!protocol) {
|
||
|
|
protocol = 'https://';
|
||
|
|
} else if (protocol === 'http://') {
|
||
|
|
linkText = protocol + url;
|
||
|
|
}
|
||
|
|
|
||
|
|
return leadingSpace + '<a class="external" target="_blank" rel="noopener noreferrer" href="' + protocol + url + '">' + linkText + '</a>' + trailingSpace;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
export function formatLinksPlain (content) {
|
||
|
|
const $content = $('<div></div>').html(content);
|
||
|
|
$content.find('a').each(function () {
|
||
|
|
const $this = $(this);
|
||
|
|
$this.html($this.attr('href'));
|
||
|
|
});
|
||
|
|
return $content.html();
|
||
|
|
}
|