Hello everybody,
This is my first time using CKEditor. It is very great to have play with this editor. Btw, I made a plugin to insert pagebreak with html code <!--pagebreak--> instead of the default one provided by CKEditor. I got a problem when I want to insert fake image. The fake image appears at first but after I switched to Source and back again, the image was disappear. It works if I use the "div" (line that I comment) but I don't want to use that. Anyway, it is my code
Do you know how to solve this problem?
Thank you in advance
This is my first time using CKEditor. It is very great to have play with this editor. Btw, I made a plugin to insert pagebreak with html code <!--pagebreak--> instead of the default one provided by CKEditor. I got a problem when I want to insert fake image. The fake image appears at first but after I switched to Source and back again, the image was disappear. It works if I use the "div" (line that I comment) but I don't want to use that. Anyway, it is my code
(function(){ var a= { exec:function(editor){ var b=CKEDITOR.dom.element.createFromHtml('<!-- pagebreak -->'); // var b=CKEDITOR.dom.element.createFromHtml('<div style="page-break-after: always;"><span style="display: none;"> </span></div>'); b=editor.createFakeElement(b,'cke_budibreak','e'); var c=editor.getSelection().getRanges(); for(var d,e=0;e<c.length;e++){ d=c[e]; if(e>0) b=b.clone(true); d.splitBlock('p'); d.insertNode(b); } } }, b='budibreak'; CKEDITOR.plugins.add(b,{ init:function(c){ c.addCss('img.cke_ cke_budibreak{background-image: url('+CKEDITOR.getUrl(this.path+'images/pagebreak.gif')+');'+'background-position: center center;'+'background-repeat: no-repeat;'+'clear: both;'+'display: block;'+'float: none;'+'width: 100%;'+'border-top: #999999 1px dotted;'+'border-bottom: #999999 1px dotted;'+'height: 5px;'+'}'), c.addCommand(b,a); c.ui.addButton('budibreak',{ label:'Insert Break', icon: this.path + 'budibreak.gif', command:b }); } }); })();
Do you know how to solve this problem?
Thank you in advance
Re: [Ask] New HTML Code for Pagebreak
Did you manage to fix it? I am looking for a similar function. Its very difficult to split the content with the default code that comes with ckeditor.
Thanks,
Ashish