ckeditor - Insert HTML codes in CKEditor textarea

Question

I would like to know if there is a plugin in order to insert HTML codes in a CKEditor textarea?

I tried to install the PBCKCode plugin but it doens't work because the HTML is executed in my textarea.

Anthony

EDIT1 ----- INSERTPRE Plugin -------

Query when I add the post :

    INSERT INTO `Posts` (`slug`,`title`,`thumbnail`,`content`,`tags`,`state`,`click`,`createdAt`,`updatedAt`,`id`) VALUES ('dsq','dsq','http://4.bp.blogspot.com/-knCgLUMOkJc/TeMY2jkmACI/AAAAAAAAAV0/VByHmoMa2N8/s1600/first+blog+posting.jpg','<pre class="prettyprint">\r\n&lt;div&gt;toto&lt;/div&gt;</pre>\r\n\r\n<p>dqsdqs</p>\r\n','toto','0',0,'2013-04-30 12:15:46','2013-04-30 12:15:46',NULL);

The result in my textarea when I try to edit the post :

    <pre class="prettyprint">

    &nbsp;</pre>

    <div>toto</div>

    <p>dqsdqs</p>

As you can see the "div" have changed of place.

EDIT2 ----- Escape HTML -------

Screenshot : http://grab.by/m8bs

As you can see it works in a P tag (just above the slug) but it doesn't work in my textarea. I think CKEditor encode my content but I don't know when and why... In my database everything is ok, I have the codes into the PRE tag.

Answer 1

检查这两个插件：

• http://ckeditor.com/addon/insertpre
• http://ckeditor.com/addon/syntaxhighlight

我们在http://ckeditor.com/forum上使用了第一个，效果很好。

更新：那是因为您在将 HTML 传递给 textarea 之前没有对其进行编码。使用 htmlspecialchars （或其他类似功能，如果您不使用 PHP）来做到这一点。

更新2：你做错了，但我不知道在什么阶段。editor.getData()带有一个<pre>元素的编辑器的输出数据 ( ) 是：

<pre class="prettyprint">&lt;div&gt;</pre>

看那<pre>不是编码的，但<div>里面是编码的。您的示例向我展示了您“扁平化”了该结构-您在应该编码的情况下对这两种东西进行了同等编码：

<pre class="prettyprint"><div></pre>

注意：<是一个编码的<.

Answer 2

好的试试这个

添加帖子

addslashes($_POST['post_from_textarea']);

编辑

stripslashes($yourvairablegetRowsQuery)

Answer 3

您可以使用 ck 编辑器标题中的源菜单添加您的 html

使用本教程 演示链接