Question

169

CKEditor removing < html> and < body> tags

rated 0 times [ 174] [ 5] / answers: 1 / hits: 19243 / 8 Years ago, wed, march 16, 2016, 12:00:00

I using CKEditor, and if I click the Source button and paste HTML code like below :

<html>

<head>

<meta http-equiv=Content-Type content=text/html />

</head>

<body>

<p>test</p>

</body>

</html>

and click to Source again and then submit the form, the html , head and , body tags are removed and just stays <p>test</p>!

CKEditor configuration:

CKEDITOR.replace('content', {

            extraPlugins: 'font,panelbutton,colorbutton,colordialog,justify,indentblock,aparat,buyLink',

            autoGrow_onStartup: true,

            enterMode: CKEDITOR.ENTER_BR,

            FullPage : false,

            allowedContent : true,

            ProtectedTags : 'html|head|body'

        });

Can you help me?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tomas

Add To Favorites

Follow

Total Points: 165

Total Questions: 111

Total Answers: 103

Location: Maldives

Member since Tue, Dec 21, 2021

2 Years ago

tomas questions

1 Restore scroll position when navigating with React Router 6

Thu, Jan 27, 22, 00:00, 2 Years ago

1 Chart.js remove gridline

Mon, May 10, 21, 00:00, 3 Years ago

1 Axios Error 401 (Unauthorized) Error when trying to fetch api

Thu, Mar 4, 21, 00:00, 3 Years ago

1 How do I wait for this animation to finish before moving on to the next one?

Mon, Feb 22, 21, 00:00, 3 Years ago

1 How to set html input tag width fit-content in css

Tue, Jan 5, 21, 00:00, 3 Years ago

View All

answered 8 Years ago hector · Accepted Answer

If you want to edit an entire HTML page, with <html>, <head> and <body> elements, you need to set the config.fullPage option to true:

CKEDITOR.replace( 'content', {

    fullPage: true,

    extraPlugins: 'font,panelbutton,colorbutton,colordialog,justify,indentblock,aparat,buyLink',

    // You may want to disable content filtering because if you use full page mode, you probably

    // want to  freely enter any HTML content in source mode without any limitations.

    allowedContent: true,

    autoGrow_onStartup: true,

    enterMode: CKEDITOR.ENTER_BR

} );

Pay attention to using proper case (fullPage is not FullPage) in your configuration. See also the following resources for more information:

Editing Complete HTML Pages sample

Full Page Editing with Document Properties Plugin

If you want to use the config.autoGrow_onStartup option, you need to include the Auto Grow plugin in your setup.

Last but not least, changing the Enter Mode setting to BR or DIV is not recommended. The default CKEDITOR.ENTER_P mode is fully supported by all editor features and plugins and is also the most correct one in terms of best practices for creating web content.

If you do it to control paragraph spacing, you should use stylesheets instead. Edit the contents.css file and set up a suitable margin value for <p> elements, for example:

p { margin: 0; }