Not logged in. · Lost password · Register
Forum: General Help and Support Plugins RSS
CKGEdit - Opening Page changes (and breaks) existing page layout created in dwedit
Created page in dwedit, user edits page using ckgedit, breaks upon opening. Clicking DWEdit saves the broken document.
Page:  1  2  next 
Avatar
Jeeves #1
Member since Aug 2011 · 55 posts
Group memberships: Members
Show profile · Link to this post
Subject: CKGEdit - Opening Page changes (and breaks) existing page layout created in dwedit
System:
- Release 2018-04-22b "Greebo"
- CKGedit: master_18-Nov_28-19_27
- Theme: bootstrap3
- HTML allowed via "htmlok"
- Windows / IIS.
- Tested in latest version of Chrome.

A page is created in dwedit and appears as desired. Another user (using ckgedit) opens the page to edit, the ckg-editor shows that the page has been changed from the original dwedit version (Font tags are visible and elements are missing).

If the user clicks "DW Edit", the broken document is saved. Clicking "Edit" at this point brings up DWEdit with the page modified by ckgedit (broken).

If the page is edited with CKGEdit and the user clicks "Cancel" the page is not saved. Both "Save" and "DW Edit" save the broken/modified page.


Important differences:
- The quote is broken when:
--- "<font color=#000fff>" tag is rendered with &gt rather than a >
--- "/inherit;;#e67e22;;inherit>" is randomly appended, after </center>
- The only heading, disappears.
- The Font for "COLOR TEXT!" is broken when:
--- <font 24px/Arial,Helvetica,sans-serif;;#e67e22;;inherit>
--- becomes:
--- <font 24px"><font inherit/Arial,Helvetica,sans-serif;;inherit;;inherit>
- This is the only instance of the "<font 24px/Arial,Helvetica,sans-serif;;#e67e22;;inherit>" blocks being modified.
- The final "**-Another Persons**" is broken when <code> blocks are randomly placed around it.


Below are the before and after CKGEdit versions of the page:

Before:
{{:playground:playground:test:word.png?nolink&350x130}}


<html>
<center>“This is a quote.” - <font color=#f37e11>Bob Bobson</font></center>
</html>
====== A Heading - Created Today ======

<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**COLOR TEXT!**</font>

----

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

**-Mr Someone**

<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**NEW A&B THINGS**</font>

----

{{:playground:playground:test:an_image.jpg?nolink&400  |an_image.jpg}}Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**BOAT SHOE**</font>

----

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\\
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in [[culpa@culpa.com|cula culpa]] qui officia deserunt mollit anim id est laborum.\\ \\ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut "//enim//" "//ad//" "//minim//" veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
\\
**-Another Persons**
\\ \\
<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**CONSECTETUR**</font>

----


After:
{{:playground:playground:test:b_p_clr_wide_word.png?nolink&350x130}}

<html> <center>“This is a quote.” - <font color=#f37e11&gtBob Bobson</font></center>/inherit;;#f37e11;;inherit></font>

<font 24px"><font inherit/Arial,Helvetica,sans-serif;;inherit;;inherit>**COLOR TEXT!**</font>

----

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

**-Mr Someone**

<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**NEW A&B THINGS**</font>

----

{{:playground:playground:test:an_image.jpg?nolink&400  |an_image.jpg}}Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
\\
<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**BOAT SHOE**</font>

----

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\\
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in [[culpa@culpa.com|cula cu]] qui officia deserunt mollit anim id est laborum.\\
\\
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut "//enim//" "//ad//" "//minim//" veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<code>
\\
**-Another Persons**
</code>



<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**CONSECTETUR**</font>

----
Avatar
turnermm (Moderator) #2
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
You can't use html tags in the ckgeditor:  it is already html.  Secondly, ckgedit has its own font plugin which uses the font tags and if your use of the font tag does not format according to the ckgedit plugin, you will probably corrupt your text.  The HTML font tag is no longer supported by  HTML5.

As for the code block at the end of your broken file, I pasted your original into Chrome and did not get that, so it's probably a local typographic issue.  Perhaps some spaces have crept into the start of the line.
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
turnermm (Moderator) #3
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
If you want to use font styling, which is optional, check the ckgedit documentation at dokuwiki.org.
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
Jeeves #4
Member since Aug 2011 · 55 posts
Group memberships: Members
Show profile · Link to this post
In reply to post #2
Quote by turnermm:
You can't use html tags in the ckgeditor:  it is already html.  Secondly, ckgedit has its own font plugin which uses the font tags and if your use of the font tag does not format according to the ckgedit plugin, you will probably corrupt your text.  The HTML font tag is no longer supported by  HTML5.

As for the code block at the end of your broken file, I pasted your original into Chrome and did not get that, so it's probably a local typographic issue.  Perhaps some spaces have crept into the start of the line.

Nobody is trying to use HTML tags IN ckgedit, they're attempting to edit a page that already contains them.

As I stated; If they *want* to use DWEdit and CKGedit loads (as most of our users need simplicity,) clicking "DW Edit" does not cancel, it saves the page (breaking it). The user can't get to DWEdit without breaking the page. That sounds like CKGEdit isn't handling existing pages with <html> blocks in them and the "Save when editor changed" is not a great idea. As there are few other ways to center text, this seems squarely in CKG's ballpark.

The font color tags:
<font 24px/Arial,Helvetica,sans-serif;;#f37e11;;inherit>**COLOR TEXT!**</font>
were created in CKGedit.
On another page, the desired font and size are selected and saved then DWedit is used to copy/paste them to a template page.
The fonts tags were copied from that page and were not created in DWEdit. As noted before, the font tag is identical and only broken by CKGedit in the one instance.

I am aware <FONT> is deprecated. Particularly for the short term, that does not mean unusable. It's just poor form.
Avatar
turnermm (Moderator) #5
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
You can.t use:
<html>. . </html>
This is html:
<html>
<center>“This is a quote.” - <font color=#f37e11>Bob Bobson</font></center>
</html>
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
turnermm (Moderator) #6
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
If you want to center text, use the divalign2 plugin.
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
Jeeves #7
Member since Aug 2011 · 55 posts
Group memberships: Members
Show profile · Link to this post
I'm aware of what HTML is.

All of the pages are stored in DW syntax. In the idea of expanding compatibility between the editors; Why can't the parser, handle <html> </html>?

Clearly I'm not the dev.; However it seems that doing a replace (upon opening) of <html></html> with ~~START_HTML_BLOCK~, etc.
and doing the inverse when saving would be viable and have the benefit of making CKG more robust, rather than fragile.

This method would have the several added benefits;
- CKG wouldn't break on opening HTML created with DWEdit, it would convert back and forth.
- Less to be interpreted by a render component.
- One set of syntax (DW) which is inter-operable between both editors.

Also, this also doesn't address the issue of CKG saving when switching editors; Which looks to be an old bug?

https://www.dokuwiki.org/plugin:ckgedit:discussion#ckgedit…
Avatar
turnermm (Moderator) #8
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
Ckgedit can in fact handle <html> tags, as long as the html included inside them does not cause conflicts with the editor itself.  In your case, the font tags, you cause a conflict.  It is for this reason that I make it a rule to say that users should not include html tags in the editor.
So this will work:
<html>
 <center>
<bold>bold</bold><br>
 <em>emph</em>
 </center>
</html>
I show the center tag here because it's included in your broken page.  But that, too, is deprecated, and one day down the road, like the font tag, it will not be recognized and its use will corrupt your page.

I'm happy that you know what HTML is.
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
Jeeves #9
Member since Aug 2011 · 55 posts
Group memberships: Members
Show profile · Link to this post
Quote by turnermm on 2019-01-24, 16:56:
Ckgedit can in fact handle <html> tags, as long as the html included inside them does not cause conflicts with the editor itself.  In your case, the font tags, you cause a conflict.
That makes more sense.


What about the Save bug?
Avatar
turnermm (Moderator) #10
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
In reply to post #4
Quote by Jeeves on 2019-01-22, 23:22:
As I stated; If they *want* to use DWEdit and CKGedit loads (as most of our users need simplicity,) clicking "DW Edit" does not cancel, it saves the page (breaking it). The user can't get to DWEdit without breaking the page. That sounds like CKGEdit isn't handling existing pages with <html> blocks in them and the "Save when editor changed" is not a great idea. As there are few other ways to center text, this seems squarely in CKG's ballpark.

Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
The author has attached one file to this post:
2019-01-25 14_27_33-✎ start [devel].png 9.3 kBytes
You have no permission to open this file.
Avatar
Jeeves #11
Member since Aug 2011 · 55 posts
Group memberships: Members
Show profile · Link to this post
I'm not sure what you're intending to demonstrate. That popup does not appear.
Avatar
turnermm (Moderator) #12
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
It appears when you are in the ckgeditor and click on the dwedit button to switch between editors.
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
Jeeves #13
Member since Aug 2011 · 55 posts
Group memberships: Members
Show profile · Link to this post
Quote by turnermm:
It appears when you are in the ckgeditor and click on the dwedit button to switch between editors.

Is that a change more recent than the github version we are using?
Other CKGedit dialogs appear without issue;
[Image: https://i.imgur.com/EcY8k2d.gif]
Avatar
turnermm (Moderator) #14
Member since Oct 2009 · 4490 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
Fixed (for Chrome and Opera and Edge), had worked as expected in  FireFox and safari
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
Jeeves #15
Member since Aug 2011 · 55 posts
Group memberships: Members
Show profile · Link to this post
Quote by turnermm:
Fixed (for Chrome and Opera and Edge), had worked as expected in  FireFox and safari

Thank you!
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Page:  1  2  next 
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2019-02-16, 16:42:58 (UTC +01:00)