I am using ckeditor on my website to make it easier for users to input HTML.
However, the data I get back from ckeditor is wrapped in <p></p>
blocks. (Which I don't want.)
Is there some configuration setting that forces the editor to not wrap the text in anything?
I know I'm a little late to the game, but I think the option the OP is looking for is:
Add the following to your config.js file for CKEditor:
Example:
Details
The configuration setting that controls this behavior is based on what you want to happen when the user presses Enter.
Just in case someone who's new to working with HTML reads this, I'm including some basic explanation of the concepts involved and why a tag will need to be inserted when the Enter key is pressed.
We know that if we enter some text into an HTML document and then put additional text on a new line, the browser won't display the text as two lines, it will ignore any carriage returns and will condense multiple spaces between characters to a single space.
The following HTML:
Will be rendered as:
So the editor needs to insert an HTML tag to tell the browser that it should display the second group of text on a new line.
The configuration setting that controls this is
config.enterMode
and it offers three options:1 - Insert paragraph
The default setting creates a paragraph element each time Enter is pressed:
2 - Insert 'div'
You can choose to create a
div
element instead of a paragraph:3 - Insert break (the setting you're looking for)
If you prefer to not wrap the text in anything, you can choose to insert a line break tag:
The CKEditor documentation indicates that using the
ENTER_BR
setting is not recommended:Another related setting 'autoParagraph'
There is a second setting that controls a similar situation –
config.autoParagraph
. How it functions depends on theconfig.enterMode
setting discussed above.autoParagraph
determines whether inline elements such asspan
are wrapped in the block element (p
ordiv
) specified by theenterMode
setting. The default is to wrap inline elements, so if you enter a span like this (as HTML):It will be wrapped in a p or div element like this:
or this:
The inline element won't be wrapped if you set this to
false
or if you setenterMode
toCKEDITOR.ENTER_BR
.The CKEditor documentation includes this note about
config.autoParagraph
:Even more settings
There are three more settings that are somewhat related to this subject:
config.fillEmptyBlocks
config.forceEnterMode
config.ignoreEmptyParagraph
Reference
A complete list of the available configuration options can be found here:
A very simple solution without any configuration change is to use
shift
+enter
for a line break<br>
, andenter
would cause a new paragraph.Advantage is that you don't have to do any configuration changes. Plus, you have both.
If you want to exclude
<p>
tag and want only basic editing tool like Bold Italic superscript Subscript etc in Ckeditor then follow these steps:I am 100% sure about this as I researched 36 Hours continuously :)
Step 1: Add this script in your PHP webpage
Step 2: add
id="editor2"
andonfocus="this.value='';"
in your textarea like thisStep 3: Be sure that remove
Class="ckeditor"
from Textarea.Step 4: Reload your webpage if not happened Delete Cache/History and Restart PC/laptop.
Step 5: Its Done :)
This is answered perfectly well above, however as mentioned you should not really be changing this in the main config.
The correct way to do this is per .replace really.
i.e.