FCKeditor 编辑器实战技巧 Ⅰ
作者：柠檬园主 发布时间：2008-10-08 10:22: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。此处就不贴代码了。
原文：http://3rgb.com，作者：柠檬园主
转载请保留此信息
0
投稿猜你喜欢
前言上篇文章，讲了经典卷积神经网络-resnet，这篇文章通过resnet网络，做一些具体的事情。一、技术介绍总的来说，第一步首先要加载数据- 相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合
- 1、判断请求头来进行反爬这是很早期的网站进行的反爬方式User-Agent 用户代理referer 请求来自哪里cookie 也可以用来做访
- 我使用Pytorch进行模型训练时发现真正模型本身对于显存的占用并不明显，但是对应的转换为tensorflow后（权重也进行了转换），发现P
- 按位与或（&、|、^）：按照二进制进行逻辑运算例如：数字换成二进制，各自位上的0/1进行逻辑运算，得到的结果转换为数字3 &
- 前言ES6为Array增加了from函数用来将其他对象转换成数组。当然，其他对象也是有要求，也不是所有的，可以将两种对象转换成数组。1.部署
- 昨天同事问了我一个问题，有两个循环语句： for(i = n; i > 0; i--) { … } for(i = 0; i <
- 借助 GitHub 的网络钩子webhook，开发者可以创建很多有用的服务。从触发一个 Jenkins 实例上的 CI（持续集成） 任务到配
- 之前已经go get安装了gin, 现在来玩下用go gin server作图片上传服务， 代码目录如下：taoge:~/test_gin$
- 线程池map（）方法传递多参数list之前通过threading.thread（）进行了助力接口的多线程并发，但是这个针对并发数量较少的时候
- 引言本篇是以python的视角介绍相关的函数还有自我使用中的一些问题，本想在这篇之前总结一下opencv编译的全过程，但遇到了太多坑，暂时不
- MVC模式MVC， 全名Model View Controller, 是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型(Mo
- 今天写了个爬虫，在抓取数据的时候遇到一个问题，我觉得如果不注意，这个问题很容易被忽略，所以特意在博客记录下：问题描述：比如，我在提取信息时，
- 我们一般在Excel里面是使用数据连接属性里面写sql语句,或者vba里面利用ado组件执行sql语句。新版的Excel里面带上了Power
- 一、简介本章内容主要通过具体的简单示例来分析Vue3是如何实现响应式的。理解本章需要了解Vue3的响应式对象。只注重原理设计层面，细节不做太
- 引言“ 这是MySQL系列笔记的第五篇，文章内容均为本人通过实践及查阅资料相关整理所得，可用作新手入门指南，或
- 数据import numpy as npimport pandas as pddata = [{'Name': '小
- 本文主要介绍了vue中的数据绑定原理的实现，分享给大家，也给自己留个笔记，具体如下：vue中的响应式数据绑定是通过数据劫持和观察者模式来实现
- 写在前面：在做表格的时候，难免会碰到做统计的时候。由于在项目中涉及到做统计的功能比较简单，之后也就没有过多的去研究更复杂的，这里简单记录下。
- php二维数组排序测试数据 $arr = [
