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
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.
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.
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”.
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.
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.