alt='epi extended link tinymce css'

Supporting linking to anchors on other pages in version 10

Updates to extended Epi link for version 10

This blogpost is an update for ExtendedEpiLink. After the breaking changes in Epi 10, a couple of things needed to be changed in order for the plugin to work and look properly.

Support for anchors for links to anchors on Episerver pages from TinyMCE is now available for version 10!

Check it out on github: Current version (tested on version of UI: 10.0.2 
The old version is available as a branch: Support for version 7.19.2

The breaking change for dot to slash notation is the main reason for it to stop working, but I have also updated the usage of now obsolete Epi classes ExtendedEPiLinkModel.

The CSS got broken as well, so the editor_plugin.js file had to be added a baseClass epi-link-item.

To get rid of the excess padding between these elements that didn't exist in version 7, I had to add the following CSS (which from my research should not give any damage to other elements in edit mode): 
.Sleek .epi-form-container__section__row .epi-form-container__section__row--field:nth-child(5) {
    padding-top: 0 !important;
}

.Sleek .epi-form-container__section__row .epi-form-container__section__row--field:nth-child(4) {
    padding-bottom: 0 !important;
}

// I couldn't add a style or a class to the parent item of the href, since on "fieldCreated", parentNode was null, so had to opt for this and go a bit dirty.

comments powered by Disqus