When adding a teaser break, an image is placed in CKEditor (wysiwyg/plugins/break/images/spacer.gif) and a HTML comment is visible in the source (<!-- break -->).

Unfortunately, the break.css file is not loaded, so the style of the break in the CKEditor is a 0 space image (the teaser break is invisible).
I patched it by adding the following line to my theme.info:
stylesheets[all][] = ../../modules/wysiwyg/plugins/break/break.css

Am I missing something?

Comments

TwoD’s picture

This is with the CKEditor 4 patch, right? People keep insisting we commit it while problems like this are still to be fixed by it.
CKEditor 4 changed the id of the div surrounding the editing area iframe so Wysiwyg isn't injecting the cross-editor plugin stylesheets to it anymore.
We simply need to look for another div if one using the CKEditor 3 naming convention isn't there. I'll roll that into the CKEditor 4 patch later today.

gaellafond’s picture

Sorry for late reply.

Yes, I forgot to mentioned that this is with CKEditor 4, with the patch to find the version.

Thanks for your input. I worked around this issue by adding a CSS rule in my theme:

.wysiwyg-break {
	display: block;
	border: 0;
	border-top: 1px dotted #FF0000;
	margin-top: 1em;
	width: 100%;
	height: 12px;
	background: transparent url('../../../modules/wysiwyg/plugins/break/images/breaktext.gif') no-repeat center top;
}
TwoD’s picture

Status: Active » Closed (duplicate)