Как разбить содержимое html на «разрыватель страниц»?

Question

Я использую ckeditor на своем веб-сайте, который поддерживает «разрыватель страниц». Содержание образца содержит страницы прерыватели, как:

<h1> 
    Little Red Riding Hood</h1> 
<p> 
    &quot;<b>Little Red Riding Hood</b>&quot; is a famous <a href="http://en.wikipedia.org/wiki/Fairy_tale" title="Fairy tale">fairy tale</a> about a young girl&#39;s encounter with a wolf. The story has been changed considerably in its history and subject to&nbsp;numerous modern adaptations and readings.</p> 

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

<p> 
    The version most widely known today is based on the <a href="http://en.wikipedia.org/wiki/Brothers_Grimm" title="Brothers Grimm">Brothers Grimm</a> variant. It is about a girl called Little Red Riding Hood, after the red <a href="http://en.wikipedia.org/wiki/Hood_%28headgear%29" title="Hood (headgear)">hooded</a> <a href="http://en.wikipedia.org/wiki/Cape" title="Cape">cape</a> or <a href="http://en.wikipedia.org/wiki/Cloak" title="Cloak">cloak</a> she wears. The girl walks through the woods to deliver food to her sick grandmother.</p> 

Этого специальный ДИВ является страницы выключателя:

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

Я хочу использовать JavaScript для разделения контента на несколько страниц на странице выключателе, чтобы сказать сколько страниц будет содержание, и может позволить пользователю просмотреть каждую страницу.

Но как проверить и разделить его? Есть ли чистое решение на основе javascript или «Extjs»?

Answer 1

Вы можете использовать функцию String.prototype.split(); для этого: container.innerHTML.split('<div style="page-break-after: always;">');, предполагая, что контейнер для вашего HTML-кода будет container.

Вы можете использовать регулярные выражения для этого:

var regexp = /<div\s+style=('")page-break-after:\s*always;?.*?$1[^>]*>.*?<\/div>/gm; 

Который будет найти все DIVs выключателя для вас. Затем вы можете разбить строку.

Answer 2

HTML:

<form name="myform"> 
    <input type="checkbox" name="mybox" onClick="breakeveryheader()"> 
</form> 

JavaScript:

function breakeveryheader(){ 
    var thestyle=(document.forms.myform.mybox.checked)? "always" : "auto" 
    for (i=0; i<document.getElementsByTagName("H2").length; i++) 
     document.getElementsByTagName("H2")[i].style.pageBreakBefore=thestyle 
} 

Answer 3

Использование регулярных выражений:

content.split(/<div style="page-break-after: always;">[\s\S]*?<\/div>/) 

Есть ли лучший способ для [\s\S] части? Я думаю, что это немного странно.