FCKeditor 实战技巧_CSS/HTML
程序员文章站
2022-03-31 09:12:36
...
原文:http://3rgb.com,作者:柠檬园主
转载请保留此信息
转载请保留此信息
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,代码如下:
复制代码 代码如下:
推荐阅读
-
使用CSS3美化HTML表单的技巧演示
-
【实战】如何通过html+css+mysql+php来快速的制作动态网页(以制作一个博客网站为列)
-
HTML5实战与剖析之CSS选择器——querySelectorAll()
-
HTML5实战与剖析之CSS选择器——querySelector()
-
[书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享
-
HTML5实战与剖析之CSS选择器——getElementsByClassName()方法
-
工作中遇到的HTML和CSS布局和JavaScript技巧记录分享
-
html+css+js适合前端小白的实战全解(超详细)——2048小游戏(一)
-
前端学习笔记(五)HTML+CSS静态页面实战案例:幸福西饼首页和百度首页
-
使用CSS3美化HTML表单的技巧演示