fckeditor去除過濾功能方法

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

相關文章
相關標籤/搜索