I use the CKEditor pluggin for wysiwyg. I have the text format set up so that the plugin works almost perfectly, but when I insert HTML (such as an iframe or embed video from location on the webserver) it shows the raw code. Basically, I have a plugin that allows YouTube embed links to show, but YouTube is having streaming issues. I own the video and have it converted into the correct formats, but the code shows through. (http://www.irwinfirstumc.org/2013-vbs).

Under The text format "CKEditor" I have:
Googtube filter, convert line breaks into HTML, convert URLs into links, Convert Media tags to markup, correct faulty and chopped off HTML, checked.

In the CKEditor profile for CKEditor under Cleanup and output I have:
Verify HTML, Convert tags to styles, and Force cleanup on standard paste.

Hopefully that helps. I really would like to be able to use my own HTML coding using the CKEditor formating...

Comments

TwoD’s picture

TwoD
Primary language Swedish
Location Sweden
CreditAttribution: TwoD commented
Status: Active » Fixed

The video shows up fine for me, so I assume you managed to fix it?

joshbgosh10592’s picture

joshbgosh10592 CreditAttribution: joshbgosh10592 commented
Status: Fixed » Active

No, I did not manage to fix it. That's actually pulling from YouTube as a workaround. I can't use any HTML at all when WYSIWYG is selected as the Text Format type.

TwoD’s picture

TwoD
Primary language Swedish
Location Sweden
CreditAttribution: TwoD commented

Can you give a sample of the code showing on the rendered page when you use the format you've assigned CKEditor to?
Also, please edit the page again, click "Disable rich-text" and paste the relevant section from the source markup where the video should appear.

From what I understand, the Googtube filter does all its processing on the server during rendering of the contents. It'll convert simple anchor/link tags to more advanced tags for embedding the video without the need for a plugin in the WYSIWYG editor or special 'marker/filter' tags used by some other modules.

I think the culprit here may be the "Convert URLs into links" filter. If it runs before the Googtube filter it'll have changed the simple text URL to an <a href="...">...</a> tag, which the Googtube filter might not be able to work with.
I'd suggest reordering the filters by making sure the Googtube filter runs before the "Convert URLs into links" filter, or maybe even disable "Convert URLs into links".

You might want to make sure the "Correct faulty and chopped off HTML"-filter (and any other aggressive filter like 'Limit available HTML tags' runs before the filters converting simple tags to more advanced tags, like the Googtube filter, by reordering their weight. Otherwise the markup generated by the converter filters may be corrupted by the other filters looking for what they think is invalid markup.

Not related to this issue, but I would also suggest not using the "Convert line breaks into HTML"-filter with a WYSIWYG editor. The editor already knows where to insert the correct p and br tags and using this filter will add additional tags if the editor is using line breaks to format the source code for readability.