四大 FCKeditor 实战应用技巧(1)

　FCKeditor至今已经到了2.3.1版本了，对于国内的WEB开发者来说，也基本上都已经“闻风知多少”了，很多人将其融放到自己的项目中，更有很多大型的网站从中吃到了甜头。今天开始，我将一点点的介绍自己在使用FCKeditor过程中总结的一些技巧，当然这些其实是FCK本来就有的，只是很多人用FCK的时候没发现而已 :P

　　1、适时打开编辑器

　　很多时候，我们在打开页面的时候不需要直接打开编辑器，而在用到的时候才打开，这样一来有很好的用户体验，另一方面可以消除FCK在加载时对页面打开速度的影响，如图所示

　　点击“Open Editor"按钮后才打开编辑器界面

　　实现原理：使用JAVASCRIPT版的FCK，在页面加载时（未打开FCK），创建一个隐藏的TextArea域，这个TextArea的name和ID要和创建的FCK实例名称一致，然后点击"Open Editor"按钮时，通过调用一段函数，使用FCK的ReplaceTextarea()方法来创建FCKeditor，代码如下：

　　

<script type="text/javascript">      <!--      function showFCK(){       var oFCKeditor = new FCKeditor( ‘fbContent‘ ) ;       oFCKeditor.BasePath = ‘/FCKeditor/‘ ;       oFCKeditor.ToolbarSet = ‘Basic‘ ;       oFCKeditor.Width = ‘100%‘ ;       oFCKeditor.Height = ‘200‘ ;       oFCKeditor.ReplaceTextarea() ;      }      //-->      </script>      <textarea name="fbContent" id="fbContent"><textarea>