Edelweiss Styleguide
External Links
- 2018-05-30Migrated [jr]
External Links
You may add a whitelist configuration to app_config – both Regexp and Strings will be tested against URLs:
app_config = {
external_whitelist: [
/flyedelweiss\.com/
]
}
External Links, Complex Links
Please note that you can place an (optionally empty) indicator yourself if appending it to the link wouldn't lead to satisfying results. This often needs to be done for teasers that link to external sites.
External Links, Custom placement
You can also define special placements with in the global Javascript configuration. The key is «external_indicator» and it requires a hash data object:
external_indicator: {
'link-selector': 'target-selector' || 'DISCLAIMER'
}link-selectorA CSS selector for the link. E.g. ".social-media-links a.link", ".social-media-link", ".teaser-link". Try to keep the selector as simple as possible for performance reasons.
target-selectorA CSS selector for a descendant of the selected link. E.g. "h4", ".social-media-link-title". Setting this value to "DISCLAIMER" will open a disclaimer dialog instead. This is helpful for links where the indicator won't fit visually (like icon links).