FCKeditor编辑器实战技巧
作者：柠檬园主 来源：3rgb.com 发布时间：2007-10-08 21:13:00
内容摘要：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>
2、使用FCKeditor 的 API
FCKeditor编辑器，提供了非常丰富的API，用于给End User实现很多想要定制的功能，比如最基本的数据验证，如何在提交的时候用JS判断当前编辑器区域内是否有内容，FCK的API提供了GetLength()方法；
再比如如何通过脚本向FCK里插入内容，使用InsertHTML()等；
还有，在用户定制功能时，中间步骤可能要执行FCK的一些内嵌操作，那就用ExecuteCommand()方法。
详细的API列表，请查看FCKeditor的Wiki。而常用的API，请查看FCK压缩包里的_samples/html/sample08.html。此处就不贴代码了。
0
投稿猜你喜欢
前言本篇使用Python Web框架Django连接和操作MySQL数据库学生信息管理系统(SMS),主要包含对学生信息增删改查- 1、查询SQL中的所有表： Select TABLE_NAME FROM 数据库名称.INFORMATION_SCHEMA.TABLES W
- 以前没怎么仔细的研究过ajax,只是用到了就直接拿过来用,发现了问题再找解决方法.以下是我在找解决问题的过程中的一点小小的总结. 一.谈Aj
- 前言在不远的将来，实现一定程度上的语音支持将成为日常科技的基本要求，整合了语音识别的python程序提供了其他技术无法比拟的交互性和可访问性
- 一、检索当前目录下所有文件、文件夹from glob import globglob('./*')Output: ['
- 一、PL/SQL记录：一条记录可简化单行多列的数据的处理。当使用pl/sql记录时，应用开发人员即可以自定义记录类型和记录变量，也可以使用％
- GeoPandas是一个基于pandas，针对地理数据做了特别支持的第三方模块。它继承pandas.Series和pandas.Datafr
- Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法，但是有时候又要用，所以放上我的引入设置，供大家参考。
- hypot()方法返回的欧几里德范数 sqrt(x*x + y*y).语法以下是hypot()方法的语法：hypot(x, y)
- 本文实例为大家分享了python微信跳一跳的具体代码，供大家参考，具体内容如下部分代码分享：wechat_jump.pyfrom __fut
- 话说在楼猪理解和实践能力尚欠火候的时候，在这篇里曾经照搬了李战老师不少东西写在自己的博客里作为“知识储备”。这一次还是不能免俗。在翻到第5章
- 下表列出了所有Python语言支持的比较操作符。假设变量a持有10和变量b持有20，则： 例如：试试下面的例子就明白了所有的Pyt
- 目录1、连接MongoDB2、指定（切换）数据库3、指定（切换）集合4、插入数据5、查询数据6、统计查询7、结果排序8、偏移9、更新数据10
- 锚点是“top”，可以放在页面的任何位置，一般是页首。程序就是对锚点出现的判断，我设置的数值是4，意思是出现4个动态数据就出现一个锚点，少于
- 导出到excel EXEC master..xp_cmdshell 'bcp Settle
- 代码如下:ADODB.Connection 错误 '800a0e7a' 未找到提供程序。该程序可能未正确安装。 /连接“网站
- 1、说明PyG2Plot 原理其实非常简单，其中借鉴了 pyecharts 的实现，但是因为蚂蚁金服的 G2Plot 完全基于可视分析理论的
- 1、df=DataFrame([{‘A':'11','B':'12'},{‘A
- Python爬虫：一些常用的爬虫技巧总结爬虫在开发过程中也有很多复用的过程，这里总结一下，以后也能省些事情。1、基本抓取网页get方法imp
- 如下所示：#!/usr/bin/env python# -*- coding: utf-8 -*-# @Time : 2018/7/13 1
