關於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編輯器了!