四大 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，代码如下：

　　

     
     
     
      </tbody></p></div> <div class="list-group"> <a href="/article/122484" class="list-group-item">四大 FCKeditor 实战应用技巧(1)</a> <a href="/article/380485" class="list-group-item">四大 FCKeditor 实战应用技巧(1)</a> <a href="/article/402948" class="list-group-item">四大 FCKeditor 实战应用技巧(1)（转载）</a> <a href="/article/122490" class="list-group-item">四大 FCKeditor 实战应用技巧(2)</a> <a href="/article/122493" class="list-group-item">四大 FCKeditor 实战应用技巧(3)</a> <a href="/article/380486" class="list-group-item">四大 FCKeditor 实战应用技巧(3)</a> <a href="/article/536674" class="list-group-item">四大 FCKeditor 实战应用技巧(2)</a> <a href="/article/402951" class="list-group-item">四大 FCKeditor 实战应用技巧(3)（转载）</a> <a href="/article/21176" class="list-group-item">在JSP中应用FCKeditor（2.1.1和FCKeditor.Java 2.3）</a> <a href="/article/237814" class="list-group-item">在JSP中应用FCKeditor（2.1.1和FCKeditor.Java2.3）</a> <a href="/article/2613276" class="list-group-item">技术指标的实战应用技巧</a> <a href="/article/2694242" class="list-group-item">技术指标的实战应用技巧</a> <a href="/article/1965956" class="list-group-item">周线应周线应用的实战技巧 用的实战技巧</a> <a href="/article/683756" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/1166962" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/1202843" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/1753643" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/1760418" class="list-group-item">周线图应用的实战技巧 --知觉</a> <a href="/article/1774573" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/2011431" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/2147384" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/2165980" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/2174002" class="list-group-item">周线图应用的实战技巧</a> <a href="/article/2184199" class="list-group-item">周线图应用的实战技巧</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/2042676" title="杭州西湖申遗文本通过联合国教科文组织初审">杭州西湖申遗文本通过联合国教科文组织初审</a> <a class="btn btn-default" href="/article/2042677" title="东北九省是怎么被东三省瓜分的（图）">东北九省是怎么被东三省瓜分的（图）</a> <a class="btn btn-default" href="/article/2042678" title="本拉登称，世界上唯一不能惹的国家是中国">本拉登称，世界上唯一不能惹的国家是中国</a> <a class="btn btn-default" href="/article/2042679" title="百孝篇--黑色玫瑰（kxg）整理">百孝篇--黑色玫瑰（kxg）整理</a> <a class="btn btn-default" href="/article/2042680" title="四大佛教名山对现代人意味着什么？,">四大佛教名山对现代人意味着什么？,</a> <a class="btn btn-default" href="/article/2042681" title="压面机压面不粘连">压面机压面不粘连</a> <a class="btn btn-default" href="/article/2042682" title="神龙湾宛如人间仙境">神龙湾宛如人间仙境</a> <a class="btn btn-default" href="/article/2042683" title="美轮美奂 魅力自然⑴ - 香儿的日志 - 网易博客">美轮美奂 魅力自然⑴ - 香儿的日志 - 网易博客</a> <a class="btn btn-default" href="/article/2042684" title="做个有意境的女人">做个有意境的女人</a> <a class="btn btn-default" href="/article/2042685" title="一幅很实用的全国地图，只要点击城市名称就OK">一幅很实用的全国地图，只要点击城市名称就OK</a> <a class="btn btn-default" href="/article/2042686" title="鲁迅联集">鲁迅联集</a> <a class="btn btn-default" href="/article/2042687" title="民间风水禁忌,,.">民间风水禁忌,,.</a> <a class="btn btn-default" href="/article/2042688" title="男性要警惕“杀精黑手”">男性要警惕“杀精黑手”</a> <a class="btn btn-default" href="/article/2042689" title="［历史］中华上下五千年·总目,.">［历史］中华上下五千年·总目,.</a> <a class="btn btn-default" href="/article/2042690" title="［博闻］各国国歌（midi格式）,.">［博闻］各国国歌（midi格式）,.</a> <a class="btn btn-default" href="/article/2042691" title="中国人！挺直你的腰杆！ - 香儿的日志 - 网易博客">中国人！挺直你的腰杆！ - 香儿的日志 - 网易博客</a> <a class="btn btn-default" href="/article/2042692" title="中国术数学,,">中国术数学,,</a> <a class="btn btn-default" href="/article/2042693" title="日元是人民币前车之鉴">日元是人民币前车之鉴</a> <a class="btn btn-default" href="/article/2042694" title="玄学,,">玄学,,</a> <a class="btn btn-default" href="/article/2042695" title="玄学入门,">玄学入门,</a> <a class="btn btn-default" href="/article/2042696" title="案例--八字分析,,">案例--八字分析,,</a> <a class="btn btn-default" href="/article/2042697" title="易学命理知识--八字常用术语,.">易学命理知识--八字常用术语,.</a> <a class="btn btn-default" href="/article/2042698" title="易学知识>>命理知识----十神分析,">易学知识>>命理知识----十神分析,</a> <a class="btn btn-default" href="/article/2042699" title="算命是用什么数据为依据,.">算命是用什么数据为依据,.</a> <a class="btn btn-default" href="/article/2042700" title="有关鲁迅先生的平面设计">有关鲁迅先生的平面设计</a> <a class="btn btn-default" href="/article/2042701" title="人民币对美元汇率中间价五个交易日连破汇改新高">人民币对美元汇率中间价五个交易日连破汇改新高</a> <a class="btn btn-default" href="/article/2042702" title="干货的发制方法 清洗猪大肠的窍门">干货的发制方法 清洗猪大肠的窍门</a> <a class="btn btn-default" href="/article/2042703" title="一生必做的100件事">一生必做的100件事</a> <a class="btn btn-default" href="/article/2042704" title="钓鱼岛主权之争-军事地理">钓鱼岛主权之争-军事地理</a> <a class="btn btn-default" href="/article/2042705" title="3000年前罕见木水桶面世卢龙">3000年前罕见木水桶面世卢龙</a> <a class="btn btn-default" href="/article/2042706" title="活着不是单靠食物">活着不是单靠食物</a> </div> </div></div> <div class="copy-right"> <p>神马文学网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>