Insert/Edit Advanced Link Button


WordPress Tinymce4 Advanced Link Button

There have recently been a tremendous amount of people shocked to realize the update to WordPress 3.9 and TinyMCE4 has removed the old Advanced Link button. I have been actively monitoring the WordPres.org support forums, and listening to peoples reactions. After I read numerous post topics (some nice, some quite rude).. I decided to code my own version of the Advanced Link button. This new button is compatible with the WP Edit and WP Edit Pro plugins; TinyMCE 4; and WordPress 3.9.

Before reading further; please take the time to read the following two posts I have written. They may shed even more light on matters:

Insert/Edit Advanced Link

advlink2The new button, in it’s main release, has six options for manipulating the link. These include setting the link url, id, class, styles, target, and nofollow attributes.

I believe the nofollow attribute was most requested, but I figured I’d go ahead and add the other options as some people will use them.

Insert AND Edit

Instead of just coding the button to insert links.. I wanted it to also be able to edit existing links. So, if you click in an existing link area and then click the Advanced Link button, the addon will populate all corresponding attributes from the editor into the modal window.

This makes it easy to go back and edit existing links without having to start over from the beginning.

Knowing the Button Behavior

The button logic works as follows:


  • The button is inactive when the editor loads.
  • Only by highlighting a selection of text; or clicking inside an existing link; will the button become active.
  • The button is coded to both insert new links; and also to edit existing links.
  • This means, you can create a link; then go back at a later time, click anywhere inside that link; click the Advanced Link button; and the window will open pre-populated with the attributes from the active link.
  • After creating or editing the link, click “Insert and Close” to update the link in the content editor.

Appearance in the Content Editor

On the visual side, the link will reflect any of the “Styles” added in the modal window.

advlink3

On the ‘text’ side, the link will contain all of the proper attributes, properly coded so if WP Edit (Pro) is ever deactivated or removed; the links will not be affected.

advlink4

Awesome.. but Where is the Button?

After updating the plugin.. you will need to click the ‘reset buttons’ button to the right of the drag and drop panel. After doing so, you will see the new button in the last position of the “Tinymce Container” area. The button tooltip while hovering over the button reads “Insert/Edit Advanced Link”.

advlink6

Wow – How can I Thank You?

Well, there are a variety of ways.

  • Support the developer by upgrading to WP Edit Pro, with more options and features.
  • Donations, in any amount, are always greatly appreciated.

  • Go over to WordPress.org and leave a Rating and Review on the WP Edit plugin.

Closing

I hope everyone enjoys this new addition. I also hope some people are beginning to see these things can’t happen overnight. But with time, WP Edit (and certainly the Pro version) will become more widely accepted.

Please feel free to leave your comments below.


Josh Lobe has written 53 articles

Josh Lobe is the sole developer of WP Edit and WP Edit Pro. A father of two; a husband to a beautiful wife; and a small home in the suburbs... he primarily enjoys coding in WordPress and designing websites.

11 thoughts on “Insert/Edit Advanced Link Button

  1. Mathew Coles says:

    Hyperlinks

    • Set hyperlink to go to new page with the following features:
    o Size of new window Width & height
    o Position of new window
    o New window with Scholl bar or not Scholl bar

    I used this all the way through my multi site and is really good, but as I make changes to the site and cannot include this great feature

    If you go to RingUK Intercom you can see it in use by selecting any of the hyperlinks under “Intercom Markets” Tabs

    If you cannot achieve this with in WP Edit Pro, is there any way you can come up with a plugin to do this, or do you know of a plugin that already does this.

    1. Josh Lobe says:

      Hello Tracy, and thank you for your very kind support!
      Yes, when you open the overlay window for the advanced link… you will want to set the “Target” to “_blank”.
      That will cause the link you are inserting, when clicked, will open in a new browser window.

      “_self” will open in the same browser window.
      “_blank” will open in a new browser window.

      The other two options are there “_top” and “_parent”, but these are rarely used.

  2. John Walsh says:

    We are having a problem with the link button. As noted, the button is greyed out until the text is highlighted. However, once the text is highlighted and the button comes to life, we cannot get the dialog box to open to enter the link that we want. Are we missing something?

    1. Josh Lobe says:

      Yes, I do plan on adding more options to the Advanced Link button. I know it is not what it once was.. yet.. but I certainly intend to keep moving towards that direction. I will try to get this updated as soon as possible.

  3. Christine says:

    I actually have three websites that I have changed over to the WP Edit. I used to use the Text color button all the time to change the color of the h1, h2, etc. I was also using the Predefined Styles. I am assuming that will not even be usable anymore, correct? Also, any idea when the text color button might be available?

    I have no idea how to code. The Ultimate TinyMCE was a lifesaver to me. I am feeling a bit ‘naked and afraid’ right now.

    1. Josh Lobe says:

      Hi Christine,
      The text color (hex color option) is only available in my Pro version at this time. If I see another open-source color picker with hex color insertion functionality, I will consider adding it to the free version.

      Regarding the Predefined Styles premium addon you purchased; I am updating these as well.. and will have them available very soon. You will receive an email from me (to the email you provided when you made the purchase) with the updated version when it is ready. I’ve been so consumed with emails and forum topics, I haven’t had a chance to do much developing lately. I’ll get it completed soon!

Leave a Reply

Your email address will not be published. Required fields are marked *

ENTER CAPTCHA MATH *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>