Question

We used tinymce in our application and trying to migrate to CKEDITOR .
All the contents are stored in the database with <p><!-- pagebreak --></p> to do pagebreaking while generating pdf contents.

Now we are trying to migrate to CKEDITOR , the HTML code works fine and pdf generation also works fine . But the problem is that CKEDITOR doesnt display anything display for
<p><!-- pagebreak --></p> – It is like blank in WSIWYG editor .

I need to create a solution wherein CKEDITOR <p><!-- pagebreak --></p> with a CSS display … like say a RED LINE .
I cant modify the code as it is stored in the DB , hence I need CKEDITOR to do some CSS tricks to display <p><!-- pagebreak --></p> as a red line in its editor

Answer 1

Is what I would do if you truly want to migrate and not have to hack any code would be to convert all the <p><!-- pagebreak --></p> in your database entries to <div class="page-break"></div> and set the css value of

.page-break
{
    page-break-after:always`
}

Or to use what CKEDITOR does

<div style="page-break-after: always;">
    <span style="display: none;">&nbsp;</span>
</div>