Skip to content

External Links - New Window

Solved Customisation
8 2 1.4k 1
  • Hi All,

    It’s been a while. I took a break from well…everything to be honest. Anyway here I am and I hope you are all well.

    I have a question regarding nodebb and external links. Is it possible to make all external links open in a new window by default? Pretty sure it’s not in the settings. A lot has chnaged since I last played around with it.

    Thank you in advance.

  • Hi All,

    It’s been a while. I took a break from well…everything to be honest. Anyway here I am and I hope you are all well.

    I have a question regarding nodebb and external links. Is it possible to make all external links open in a new window by default? Pretty sure it’s not in the settings. A lot has chnaged since I last played around with it.

    Thank you in advance.

    @Sampo2910 welcome back! Hope you’re well?

    It’s certainly possible to open links in a new window. It’s in the markdown settings as below

    90e22be3-4748-4b6e-a8c6-5dfbafac777d-image.jpeg

  • Hi Mark,

    Perfect and thank you.

    Yes not too bad. A few issues with the ticker (more of a scare) but reporting back for duty haha. All good. Working at sea and so I am not about a smuch as I would like to be. Have to earn the pennies.

    Thank you again. 🙂

  • Hi Mark,

    Perfect and thank you.

    Yes not too bad. A few issues with the ticker (more of a scare) but reporting back for duty haha. All good. Working at sea and so I am not about a smuch as I would like to be. Have to earn the pennies.

    Thank you again. 🙂

    @Sampo2910 A feeling I know all too well with the “pennies”. Hopefully, you’re back to full health now?

  • phenomlabundefined phenomlab has marked this topic as solved on
  • @Sampo2910 A feeling I know all too well with the “pennies”. Hopefully, you’re back to full health now?

    @phenomlab Yes, all good. Had all the tests and now back at it. Had some stress tests on the bike, running whilst all wired up like Steve Austin 🙂 All turned out well.

    Just one of them things, but sure makes you appreciate what you have.

  • @phenomlab Yes, all good. Had all the tests and now back at it. Had some stress tests on the bike, running whilst all wired up like Steve Austin 🙂 All turned out well.

    Just one of them things, but sure makes you appreciate what you have.

    @Sampo2910 said:

    Just one of them things, but sure makes you appreciate what you have.

    Funny how it does exactly that. Stay well!

  • @Sampo2910 said:

    Just one of them things, but sure makes you appreciate what you have.

    Funny how it does exactly that. Stay well!

    @phenomlab

    Just to add there is a plugin there to activate called link preview. It works ok but with that the links do not open up in a new tab/window. Other links are ok but not with that plugin 😞

  • @phenomlab

    Just to add there is a plugin there to activate called link preview. It works ok but with that the links do not open up in a new tab/window. Other links are ok but not with that plugin 😞

    @Sampo2910 search the forum here for ogproxy which is the client side version of that plugin I wrote.

    It’s in use here on this forum.


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • NodeBB upgrade now cant post

    Solved Bugs nodebb
    5
    2 Votes
    5 Posts
    2k Views
    @Panda yes, for some reason, that is the case. If you need an urgent response, it’s probably better to post here because of the time difference.
  • Header Menu After Upgrading V3.1.1

    Solved Customisation header nodebb
    2
    1
    2 Votes
    2 Posts
    1k Views
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • hover link effect

    Solved Customisation css link hover
    18
    1
    6 Votes
    18 Posts
    5k Views
    @DownPW Looking at the underlying code, class start is being added on hover by jQuery in this function document.querySelectorAll(".button-gradient, .button-transparent").forEach((button) => { const style = getComputedStyle(button); const lines = document.createElement("div"); lines.classList.add("lines"); const groupTop = document.createElement("div"); const groupBottom = document.createElement("div"); const svg = createSVG( button.offsetWidth, button.offsetHeight, parseInt(style.borderRadius, 10) ); groupTop.appendChild(svg); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); lines.appendChild(groupTop); lines.appendChild(groupBottom); button.appendChild(lines); button.addEventListener("pointerenter", () => { button.classList.add("start"); }); svg.addEventListener("animationend", () => { button.classList.remove("start"); }); }); }) The CSS for start is below .button-gradient.start .lines svg, .button-transparent.start .lines svg { animation: stroke 0.3s linear; } And this is the corresponding keyframe @keyframes stroke { 30%, 55% { opacity: 1; } 100% { stroke-dashoffset: 5; opacity: 0; } } It’s using both CSS and SVG, so might not be a simple affair to replicate without the SVG files.
  • plugin open link IMgur images

    Customisation plugin imgur
    7
    0 Votes
    7 Posts
    2k Views
    @DownPW not sure what you mean. Can you elaborate ?
  • [NodeBB] Import custom Font

    Solved Customisation custom fonts nodebb css
    12
    3 Votes
    12 Posts
    4k Views
    @cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example body { font-family: "Poppins"; font-size: 16px; } Essentially, you use the font-size CSS directive.
  • NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    3k Views
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal
  • Nodebb Hashtag plugin

    Solved General
    15
    1 Votes
    15 Posts
    4k Views
    @jac Great ! I’ll close this off.
  • [NodeBB] Creating new user to auto post content

    Solved Customisation
    3
    0 Votes
    3 Posts
    2k Views
    @phenomlab many thanks Mark .