Write Html / Php / JS code inside the Editor

Hi !

I want to write some code inside my CKEditor and hlight it with Prettify, not in the source but in the wysiwyg because it's for some tutorial about coding. The problem is that if I write "<p>" tag for example when I save it CKEditor transform it in a real paragraph with the content. How to keep everything untouched ?

Thanks

Thu, 01/16/2014 - 10:06

Anna

Joined: 14/12/2010

Posts: 1369

Have you tried the Insert

Have you tried the Insert <pre> element plugin? It is used on this forum, see the Insert code snippet toolbar button next to Insert Special Character.

Documentation Manager, CKSource

See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!

Fri, 01/17/2014 - 03:21

Mushr00m

Joined: 16/11/2013

Posts: 11

Hi,

Thanks you for your response. I didn't know about this plugin it looks nice ! But I try to understand CKEditor to be able to develop for my needs. In my DB I have this (put manualy) :

<pre class="color">
&lt;script&gt;
	$(document).ready(function(){
		.....
	});
&lt;/script&gt;
</pre>

But when I display it in CKEditor WYSIWYG I get nothing, but in source mode I can see it.

In my config.js I've put this to be sure not to have it stripped :

config.allowedContent = true;
config.entities_latin = false;
config.entities = false;

So what I need is to force CKEditor wysiwyg to not interpret the HTML tags in <pre>

Thanks for your help !