Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to split some html content by "page breaker"?
    primarykey
    data
    text
    <p>I use <a href="http://ckeditor.com/demo" rel="nofollow">ckeditor</a> in my website, which supports "page breaker". The sample content contains page breakers like:</p> <pre><code>&lt;h1&gt; Little Red Riding Hood&lt;/h1&gt; &lt;p&gt; &amp;quot;&lt;b&gt;Little Red Riding Hood&lt;/b&gt;&amp;quot; is a famous &lt;a href="http://en.wikipedia.org/wiki/Fairy_tale" title="Fairy tale"&gt;fairy tale&lt;/a&gt; about a young girl&amp;#39;s encounter with a wolf. The story has been changed considerably in its history and subject to&amp;nbsp;numerous modern adaptations and readings.&lt;/p&gt; &lt;div style="page-break-after: always;"&gt; &lt;span style="display: none;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt; &lt;p&gt; The version most widely known today is based on the &lt;a href="http://en.wikipedia.org/wiki/Brothers_Grimm" title="Brothers Grimm"&gt;Brothers Grimm&lt;/a&gt; variant. It is about a girl called Little Red Riding Hood, after the red &lt;a href="http://en.wikipedia.org/wiki/Hood_%28headgear%29" title="Hood (headgear)"&gt;hooded&lt;/a&gt; &lt;a href="http://en.wikipedia.org/wiki/Cape" title="Cape"&gt;cape&lt;/a&gt; or &lt;a href="http://en.wikipedia.org/wiki/Cloak" title="Cloak"&gt;cloak&lt;/a&gt; she wears. The girl walks through the woods to deliver food to her sick grandmother.&lt;/p&gt; </code></pre> <p>This special div is <strong>page breaker</strong>:</p> <pre><code>&lt;div style="page-break-after: always;"&gt; &lt;span style="display: none;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt; </code></pre> <p>I want to use javascript to split the content into multi pages by the page breaker, to tell the user how many pages the content will be, and can let user preview each page.</p> <p>But how to check and split it? Is there a pure javascript or "Extjs" based solution?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload