Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › HTML Editor (formerly iRite) › html5 doctype

html5 doctype

Thread began 7/29/2011 9:31 am by gruant2000381341 | Last modified 2/04/2015 11:38 pm by Ray Borduin | 4469 views | 9 replies |

7/29/2011 9:31 am | #1 gruant2000381341

html5 doctype

I just noticed there is no html5 doctype available in the dropdown.
Is there a way to add that in?

7/29/2011 9:45 am | #2 Jason ByrnesWebAssist

the problem is that the current version of CKEditor does not support the HTML 5 doctype.

Once CK Editor is updated to offer HTML5 support, we will look into updating HTML Editor 3 with the new CKEditor version to add this in.

3/18/2013 12:42 pm | #3 neo314

Can you advise which doctype is best to select if the editor is used to create content within the HTML 5 article tag, but not used to generate the entire page.

In other words, which doctype will create code that is most compatible as content within an HTML 5 article tag?

3/18/2013 12:54 pm | #4 Jason ByrnesWebAssist

HTML 5 does not have strict standards, and supports older HTML code.

I would probably use the HTML 4.0.1 transitional doctype.

10/27/2014 12:38 pm | #5 digitaldesign

HTML5 Support is available in CKEditor 4

Originally Said By: Jason Byrnes

HTML 5 does not have strict standards, and supports older HTML code.

I would probably use the HTML 4.0.1 transitional doctype.

CKEditor 4+ does support the doctype of HTML5 now which is how all of our sites are going, with jQuery and MP4 video embedding. Here is a snippet or two from their documentation site:

"All browsers are to be supported for web pages with the Document Type Declaration (DOCTYPE) of HTML5 (<!DOCTYPE html>) except for IE 9 Quirks that will support unknown doctypes."

From: http://docs.ckeditor.com/#!/guide/dev_browsers

and

docType : String
Sets the DOCTYPE to be used when loading the editor content as HTML.

// Set the DOCTYPE to the HTML 4 (Quirks) mode.
config.docType = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">';
Defaults to: '<!DOCTYPE html>'

from: http://docs.ckeditor.com/#!/api/CKEDITOR.config

What version of CKEditor is being used in HTML Editor and can we update this ourselves to the most current version or do we wait for an update to Data Bridge?

Thanks!
Monica

10/27/2014 12:56 pm | #6 Jason ByrnesWebAssist

the most current version of Data Bridge uses HTML Editor 4.3.3.

to manually update the creditor files:

in the webassist/ folder, rename the ckeditor folder to ckeditor_bak

On this page:
download

click the button to launch CK Builder. Select to use the Full Preset, and the Kama Skin.

Copy the downloaded CKEditor folder to the webassist folder in your site.

from the ckeditor_back folder, copy the following three files:
ckeditor.php
ckeditor-php4.php
ckeditor-php5.php

and paste them in the new ckeditor folder.

2/03/2015 8:06 am | #7 TroyD

Jason,

I followed these steps however, when editing an HTML Editor instance, I still don't have an option for HTML5 in the doctype dropdown. I've deleted the .dat file and restarted DW just in case but that didn't help. Is there something else I have to do after manually updating the CKEditor?

Thanks,
TroyD

2/03/2015 10:10 am | #8 Jason ByrnesWebAssist

HTMNL Editor does not offer the HTML 5 option.

you will need to edit the code after it is generated and chacnge:
$CKEditor_config["docType"] = "<" ."!" ."DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">";

to:
$CKEditor_config["docType"] = "<" ."!" ."DOCTYPE html>";

NOTE, the doctype is only applied if you set the option for full page editing.

2/03/2015 1:24 pm | #9 TroyD

Thanks Jason. I wondered if I could just change that line but wasn't sure. I also didn't realize that the doctype only affected the full screen editing.

What I was trying to do is constrain the html generated when a user enters text and formatting into the editor, to be HTML5 valid. The pages that the entered text is displayed on is an HTML5 page but the code generated doesn't validate and it bothers my client. For example, tables include spacing, padding and border attributes. These are all handled by CSS in HTML5. I assume there isn't any control over that at this time.

Thanks,
TroyD

2/04/2015 11:38 pm | #10 Ray BorduinWebAssist

Yes, there may be an update to the ckeditor that addresses this in the future, but there is no setting for that in the current version that I know of.

Did this help? Tips are appreciated...

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.