CKeditor own plugin with dialog

Question

I have written own plugin which generates a simple link. The strange thing is that I can not editing "href" attribute. Other attributes can be edited.

This element does not work:

{
    type: 'text',
    id: 'url',
    label: 'URL',
    commit: function(element) {
        element.setAttribute('href', this.getValue());
    },
    setup: function(element) {
        this.setValue(element.getAttribute('href'));
    }
}

When I create a link, href attribute is written. When I editing a link "href" attribute is not changed. Strange!

When I change the code above and rewrite name of attribute for example to "href-s":

{
    type: 'text',
    id: 'url',
    label: 'URL',
    commit: function(element) {
        element.setAttribute('href-s', this.getValue());
    },
    setup: function(element) {
        this.setValue(element.getAttribute('href-s'));
    }
}

Creation and editing attribute works perfectly.

You do not know what's the problem?

Thank you.

oleq · Accepted Answer · 2015-02-10 10:31:25Z

2

For various internal reasons, CKEditor uses data-cke-saved-href attribute to duplicate href during runtime. So what in the output would look like

<p>I&#39;m a <a href="http://foo.com">plain&nbsp;link</a>.</p>

<p>I&#39;m a <a href="mailto:[email protected]?subject=Subject&amp;body=Body">mailto link</a>.</p>

is actually something different in editor DOM

<p>I'm a <a data-cke-saved-href="http://foo.com" href="http://foo.com">plain&nbsp;link</a>.</p>

<p>I'm a <a data-cke-saved-href="mailto:[email protected]?subject=Subject&amp;body=Body" href="mailto:[email protected]?subject=Subject&amp;body=Body">mailto link</a>.</p>

Update the data- attribute each time you change href and things should go right.

answered Feb 10, 2015 at 10:31

oleq

15.9k1 gold badge40 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

wwwmarty Over a year ago

Fighting the exact same problem today. Much obliged!

Collectives™ on Stack Overflow

CKeditor own plugin with dialog

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related