Allow to control popup links target
This commit is contained in:
parent
2a04af162a
commit
3f8db1191f
3 changed files with 16 additions and 7 deletions
|
@ -73,8 +73,9 @@ L.Util.escapeHTML = (s) => {
|
|||
})
|
||||
return s
|
||||
}
|
||||
L.Util.toHTML = (r) => {
|
||||
L.Util.toHTML = (r, options) => {
|
||||
if (!r) return ''
|
||||
const target = options && options.target || 'blank'
|
||||
let ii
|
||||
|
||||
// detect newline format
|
||||
|
@ -100,14 +101,14 @@ L.Util.toHTML = (r) => {
|
|||
r = r.replace(/(\[\[http)/g, '[[h_t_t_p') // Escape for avoiding clash between [[http://xxx]] and http://xxx
|
||||
r = r.replace(/({{http)/g, '{{h_t_t_p')
|
||||
r = r.replace(/(=http)/g, '=h_t_t_p') // http://xxx as query string, see https://github.com/umap-project/umap/issues/607
|
||||
r = r.replace(/(https?:[^ \<)\n]*)/g, '<a target="_blank" href="$1">$1</a>')
|
||||
r = r.replace(/\[\[(h_t_t_ps?:[^\]|]*?)\]\]/g, '<a target="_blank" href="$1">$1</a>')
|
||||
r = r.replace(/(https?:[^ \<)\n]*)/g, `<a target="_${target}" href="$1">$1</a>`)
|
||||
r = r.replace(/\[\[(h_t_t_ps?:[^\]|]*?)\]\]/g, `<a target="_${target}" href="$1">$1</a>`)
|
||||
r = r.replace(
|
||||
/\[\[(h_t_t_ps?:[^|]*?)\|(.*?)\]\]/g,
|
||||
'<a target="_blank" href="$1">$2</a>'
|
||||
`<a target="_${target}" href="$1">$2</a>`
|
||||
)
|
||||
r = r.replace(/\[\[([^\]|]*?)\]\]/g, '<a href="$1">$1</a>')
|
||||
r = r.replace(/\[\[([^|]*?)\|(.*?)\]\]/g, '<a href="$1">$2</a>')
|
||||
r = r.replace(/\[\[([^\]|]*?)\]\]/g, `<a target="_${target}" href="$1">$1</a>`)
|
||||
r = r.replace(/\[\[([^|]*?)\|(.*?)\]\]/g, `<a target="_${target}" href="$1">$2</a>`)
|
||||
|
||||
// iframe
|
||||
r = r.replace(
|
||||
|
|
|
@ -98,6 +98,7 @@ L.U.PopupTemplate.Default = L.Class.extend({
|
|||
|
||||
renderBody: function () {
|
||||
const template = this.feature.getOption('popupContentTemplate')
|
||||
const target = this.feature.getOption('outlinkTarget')
|
||||
const container = L.DomUtil.create('div', 'umap-popup-container')
|
||||
let content = ''
|
||||
let properties
|
||||
|
@ -109,7 +110,7 @@ L.U.PopupTemplate.Default = L.Class.extend({
|
|||
properties
|
||||
)
|
||||
content = L.Util.greedyTemplate(template, properties)
|
||||
content = L.Util.toHTML(content)
|
||||
content = L.Util.toHTML(content, {target: target})
|
||||
container.innerHTML = content
|
||||
return container
|
||||
},
|
||||
|
|
|
@ -84,6 +84,13 @@ describe('L.Util', function () {
|
|||
)
|
||||
})
|
||||
|
||||
it('should handle target option', function () {
|
||||
assert.equal(
|
||||
L.Util.toHTML('A simple http://osm.org link', {target: 'self'}),
|
||||
'A simple <a href="http://osm.org" target="_self">http://osm.org</a> link'
|
||||
)
|
||||
})
|
||||
|
||||
it('should handle image', function () {
|
||||
assert.equal(
|
||||
L.Util.toHTML('A simple image: {{http://osm.org/pouet.png}}'),
|
||||
|
|
Loading…
Reference in a new issue