关于fckeditor编辑器的研究经验,因为fckeditor是纯脚本js写出来的功能强大,跨平台!今天升级了下网站的编辑器,插入方法具体以下:css
一.导入js和css文件
编辑器
<script src="./ckeditor/ckeditor.js"></script> <link rel="stylesheet" href="./ckeditor/sample/sample.css"> |
以及插入ide
<textarea cols="80" id="editor1" name="msgtext" rows="10"> </textarea> |
但是当我使用的时候发现fckeditor自动会过滤一些HTML代码好比网站
<div>hello</div>ui
自动替换成this
<p>hello</p>spa
这时我在网上找到了解决方法插件
FCKConfig.FullPage=true/false 是否容许编辑整个HTML文件 FCKConfig.EnterMode = '' ; 去除fckeditor输入时自动加p标签属性值 |
的确不强制替换div标签了。但是还发现一个问题还将<div class="class">的类给删除了变成<div>ip
在研究了一段时间以后我找到了fckeditor的插件magicline该插件就会保存以前的代码原型不会强制的剔除,文件在ckeditor\samples\plugins\magicline中,其实核心代码就是ci
<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编辑器了!