Forums

Page break function

Permalink 1 user found helpful
the tinyMCE pagebreak function does not work
<p><!-- pagebreak --></p>
I have looked in the forums but found no answer please help
markrodtech
 
frz replied on at Permalink Reply
frz
That doesn't work in concrete5 the way it does in Wordpress.

If you want two pages in concrete5, just add two pages from the main
editing toolbar.

best wishes

Franz Maruna
CEO - concrete5.org
http://about.me/frz
markrodtech replied on at Permalink Reply
markrodtech
Hi FRZ,
that wont work as I am trying to add a document into C5 so that I can update it quickley and google translate can translate it there is a page break in tinyMCE I just want to know how to make it work ?
markrodtech replied on at Permalink Reply
markrodtech
would this work ?

MattWaters has posted to a discussion you're monitoring:

Message:
Hi markrodtech,

This is an option that can be set in Dashboard > System & Settings > Basics > Rich Text Editor. Or just type "Editor" into Intelligent Search and that should give you a link to the page.

Then select the "Custom" editor option to define the various options and buttons that you want to use.

Pagebreak has to be enabled somewhere in your list of TinyMCE plugins:

plugins: "inlinepopups,spellchecker,safari,advlink,table,xhtmlxtras,emotions,paste,visualchars,nonbreaking,style,searchreplace,fullscreen,advimage,pagebreak",


And then actually called somewhere in your list of buttons:

theme_concrete_buttons3 : "image,|,anchor,link,unlink,|,charmap,|,abbr,|,styleprops,removeformat,code,|,fullscreen,|,pagebreak",
[code]
The pagebreak button lets you insert an HTML element that you've defined in your TinyMCE init, so you might then have a line like this (notice that I've escaped the double quotes in the tag with a leading backslash-- this is important!):
[code]
pagebreak_separator : "<span style=\"page-break-before: always;\"></span>", [code]
So I took a good example of a custom Editor config from this thread:
http://www.concrete5.org/community/forums/usage/more_user_friendly_tinymce_content_block_edit_ba/
And added the pagebreak example as I demonstrated above. Here's the complete code I pasted into my Custom editor field:
[code]
theme : "concrete",
plugins: "inlinepopups,spellchecker,safari,advlink,table,xhtmlxtras,emotions,paste,visualchars,nonbreaking,style,searchreplace,fullscreen,advimage,pagebreak",
editor_selector : "advancedEditor",
spellchecker_languages : "+English=en",   
theme_concrete_buttons1 : "styleselect,formatselect,fontsizeselect,tablecontrols",
theme_concrete_buttons2 : "bold,italic,underline,|,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,blockquote,|,replace,|,pastetext,pasteword,|,undo,redo,|",
Viewing 15 lines of 22 lines. View entire code block.


This produces a pagebreak button, and when clicked it inserts that span into the page.

Now I noticed when I did this in my local test environment I got a 404 on trans.gif, some kind of placeholder image that TinyMCE is trying to use during preview. However if you take a look at the source of the HTML created, you'll see that TinyMCE is inserting the code exactly as we wanted. That 404 is something we should look into, but I think that should be enough for you to get your custom pagebreak options working.

Click the link below to view the discussion:
http://www.concrete5.org/community/forums/usage/page-break/#409484...

To view MattWaters's profile, click the link below:
http://www.concrete5.org/profile/-/40648/...

Regards,
concrete5 Team