CKEditor 4
Tue, 12/30/2008 - 22:29
#1
tmukoo
tmukoo's picture
Joined: 30/12/2008
Posts: 3

template div tags closing unexpectedly

I've made a couple of templates for my users. The templates are formated with divs.

My problem is when the user needs to make a h1,h2.. element inside the template, the editor automaticly closes my div tag and brakes the template.

Is there a way to prevent this behaviour, I would hate to make my templates with tables just for this reason.

Any help appreciated :)

Top
Tue, 12/30/2008 - 22:53
a.m.
a.m.'s picture
Joined: 20/04/2008
Posts: 256

Re: template div tags closing unexpectedly

Can you post a sample of your template?
Top
Tue, 12/30/2008 - 23:18
tmukoo
tmukoo's picture
Joined: 30/12/2008
Posts: 3

Re: template div tags closing unexpectedly

Here are the templates, very basic stuff just using id's to format the columns in css.

<?xml version="1.0" encoding="utf-8"?>
<!--
 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
 * Copyright (C) 2003-2007 Frederico Caldeira Knabben
 *
 * == BEGIN LICENSE ==
 *
 * Licensed under the terms of any of the following licenses at your
 * choice:
 *
 *  - GNU General Public License Version 2 or later (the "GPL")
 *    http://www.gnu.org/licenses/gpl.html
 *
 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
 *    http://www.gnu.org/licenses/lgpl.html
 *
 *  - Mozilla Public License Version 1.1 or later (the "MPL")
 *    http://www.mozilla.org/MPL/MPL-1.1.html
 *
 * == END LICENSE ==
 *
 * This is the sample templates definitions file. It makes the "templates"
 * command completely customizable.
 *
 * See FCKConfig.TemplatesXmlPath in the configuration file.
-->
<Templates imagesBasePath="fck_template/images/">
    <Template image="template1.gif" title="Basic">
        <Description>Basic one column layout.</Description>
        <Html><![CDATA[
            <div id="basic">
               input text here
               </div>
         ]]></Html>
    </Template>
    <Template image="template1.gif" title="Two col A">
        <Description>Two column layout with 1/1 split</Description>
        <Html><![CDATA[
            <div id="two-col-1by1">
               <div id="left1by1">left column here</div>
               <div id="right-1by1">right column here</div>
               <div class="clearer">&nbsp;</div>
               </div>
         ]]></Html>
    </Template>
    <Template image="template1.gif" title="Two col B">
        <Description>Two column layout with 1/2 split</Description>
        <Html><![CDATA[
            <div id="two-col-1by2">
               <div id="left1by2">left column here</div>
               <div id="right1by2">right column here</div>
               <div class="clearer">&nbsp;</div>
               </div>
         ]]></Html>
    </Template>
</Templates>
Top
Wed, 12/31/2008 - 05:10
a.m.
a.m.'s picture
Joined: 20/04/2008
Posts: 256

Re: template div tags closing unexpectedly

What you are saying is that a template like this

<div id="basic">input text here</div>

results in this HTML when people use the editor

<div id="basic">input text here</div>
<div>line 1</div>
<div>line 2</div>

Changing the template to

<div id="basic">
<p>input text here</p>
</div>

should do the trick.
Top
Wed, 12/31/2008 - 09:03
tmukoo
tmukoo's picture
Joined: 30/12/2008
Posts: 3

Re: template div tags closing unexpectedly

Yes it works perfectly with the p tags :) Many thanks, You have saved my day!

Top
Fri, 01/16/2009 - 05:00
lizsterine
lizsterine's picture
Joined: 16/01/2009
Posts: 2

Re: template div tags closing unexpectedly

Hmmm? This seemed to work for me once upon a time (i think) but now no longer does. :? It causes MANY upexpected results and is quite annoying.

What I get is my annoyingly wierd now.

My temlate (as it appears in source):

<div class="pagecontent">
  <h1>Parent Page &gt; Breadcrumbs</h1>
  <h2>Page content title goes here</h2>
  <p>Content text and things go here</p>
</div>


When the user highlights or clicks on a line and changee the format to a Heading 1 or Normal or whatever via the Format menu, the code turns into this:

<h1 class="pagecontent">Parent Page &gt; Breadcrumbs</h1>
<h3 class="pagecontent">Page content title goes here</h3>
<p class="pagecontent">Content text and things go here</p>


THe div is gone and it put the div's class on all other block elements. Can anyone help? It's driving me and my client nuts!

- Liz

Top
Fri, 01/16/2009 - 05:20
lizsterine
lizsterine's picture
Joined: 16/01/2009
Posts: 2

Re: template div tags closing unexpectedly

lizsterine wrote:Hmmm? This seemed to work for me once upon a time (i think) but now no longer does. :? It causes MANY upexpected results and is quite annoying.

What I get is my annoyingly wierd now.

My temlate (as it appears in source):
<div class="pagecontent">
  <h1>Parent Page &gt; Breadcrumbs</h1>
  <h2>Page content title goes here</h2>
  <p>Content text and things go here</p>
</div>


When the user highlights or clicks on a line and changee the format to a Heading 1 or Normal or whatever via the Format menu, the code turns into this:
<h1 class="pagecontent">Parent Page &gt; Breadcrumbs</h1>
<h3 class="pagecontent">Page content title goes here</h3>
<p class="pagecontent">Content text and things go here</p>


THe div is gone and it put the div's class on all other block elements. Can anyone help? It's driving me and my client nuts!

- Liz


Oh Never mind....I work it out. ANother case of the IE Monster. Client is using IE and this issue happens in IE only. My default browser is FireFox3, hence it working for me. I was sitting with the client on their IE monster machine using the FCKEditor moments before my post.

If anyone does have an aswer for IE, don't hestitate to reply, but at least I don't feel like ripping out my hair anymore. *grumble grumble IE grumble*

Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check