关于fckeditor编辑器的研究经验,由于fckeditor是纯脚本js写出来的功能强大,跨平台!今天升级了下网站的编辑器,插入方法具体如下:
一.导入js和css文件
<script src="./ckeditor/ckeditor.js"></script> <link rel="stylesheet" href="./ckeditor/sample/sample.css"> |
以及插入
<textarea cols="80" id="editor1" name="msgtext" rows="10"> </textarea> |
可是当我使用的时候发现fckeditor自动会过滤一些HTML代码比如
<div>hello</div>
自动替换成
<p>hello</p>
这时我在网上找到了解决方法
FCKConfig.FullPage=true/false 是否允许编辑整个HTML文件 FCKConfig.EnterMode = '' ; 去除fckeditor输入时自动加p标签属性值 |
的确不强制替换div标签了。可是还发现一个问题还将<div class="class">的类给删除了变成<div>
在研究了一段时间之后我找到了fckeditor的插件magicline该插件就会保存之前的代码原型不会强制的剔除,文件在ckeditorsamplespluginsmagicline中,其实核心代码就是
<script> // This call can be placed at any point after the // <textarea>, or inside a <head><script> in a // window.onload event handler. CKEDITOR.replace( 'editor1', { extraPlugins: 'magicline', // Ensure that magicline plugin, which is required for this sample, is loaded. allowedContent: true // Switch off the ACF, so very complex content created to // show magicline's power isn't filtered. } ); </script> |
这样就可以支持运用fckeditor编辑器了!