快期末考试了,这应该是本学期最后一次写博了
最近帮同学写的一个系统里用到了文本编辑器,草草的上网查了下,比较下来发现fckeditor不错,现将用法示下,仅供后人参考:
0.简单介绍下同学的系统的环境:ssh+oracle+html页面(js、jquery)
1.到官网上下载FCKeditor_2.6.6.zip(版本可自选),解压后把fckeditor文件夹放入根目录webroot下
2.js调用fckeditor(jsp有其他的调用方法):
<script type="text/javascript">
var oFCKeditor = new FCKeditor('myFCKeditor') ;
oFCKeditor.BasePath = "/TESTFCK/fckeditor/"; //TESTFCK为工程的名称
oFCKeditor.Height = 300 ;
oFCKeditor.Value = '' ;
oFCKeditor.Create() ;
</script>
3.配置
此处有一项基本也是必须的配置项,在fckeditor/fckeditor.js里配置FCKeditor.BasePath = '/TESTFCK/fckeditor/' ; //同上
其他的配置项可以根据官网提供的文档自己选择(个人觉得自己看看fckeditor/fckconfig.js就差不多了,里面的配置很容易看懂)
4.结语:fckeditor很强很傻瓜,有必要的朋友可以深入研究一下
分享到:
相关推荐
**FCKeditor 使用指南及 JavaScript 调用** FCKeditor 是一款开源的富文本编辑器,它在Web开发中广泛用于提供用户友好的在线文本编辑功能。通过JavaScript调用,开发者可以轻松地将FCKeditor集成到网页中,允许用户...
**JSP调用FCKeditor实例详解** 在Web开发中,常常需要提供用户友好的文本编辑功能,FCKeditor便是一个流行的开源富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作。本实例是关于如何在JavaServer Pages...
### FCKEditor试用指南 #### 1. FCKEditor 的下载及介绍 FCKEditor 是一款基于JavaScript的富文本编辑器,它提供了强大的编辑功能,适用于多种Web开发环境。这款编辑器支持自定义工具栏、多语言环境,并且能够很好...
总的来说,为FCKeditor添加自动排版功能涉及对编辑器源代码的理解,以及JavaScript和HTML的熟练运用。通过修改`index.html`并编写相应的JavaScript逻辑,我们可以扩展编辑器的功能,提供更优秀的用户体验。如果你在...
### JavaScript 获取 FCKeditor 内容详解 在深入解析如何使用JavaScript从FCKeditor中获取内容之前,我们先简要了解下FCKeditor是什么。FCKeditor是一款功能强大的富文本编辑器,它允许用户在网页上编辑类似Word...
FCKeditor是一款开源的JavaScript富文本编辑器,广泛应用于各种网站,提供了丰富的编辑功能。而JSP(JavaServer Pages)作为Java Web开发的重要技术,常用于处理动态内容。将FCKeditor与JSP结合使用,可以创建功能...
3. **初始化编辑器**:在JavaScript中调用FCKeditor的初始化函数,指定编辑器容器的ID和配置项。 4. **配置编辑器**:可以设置编辑器的宽度、高度、语言、工具栏布局等参数。 5. **提交内容**:当用户完成编辑后,...
基于FCKeditor_2.5.1的代码实例,基于Java JSP调用,非常简单。【需RAR解压】 --注: 1.本人发资源纯为与诸位共享,发布前均做过测试保证可用。 2.如果下载后打不开请重新再试,可能是网络传输问题。 3....
### FCKeditor JavaScript API #### 概述 FCKeditor是一款功能强大的富文本编辑器,它为用户提供了直观且丰富的文本编辑体验。FCKeditor不仅仅是一个简单的文本输入框,更是一个具备众多高级功能(如图像处理、...
### JavaScript 获取 FCKeditor 内容详解 #### 一、简介 FCKeditor(现更名为CKEditor)是一款功能强大的富文本编辑器,广泛应用于Web应用中。它支持各种复杂的格式和样式,允许用户轻松地编辑HTML内容。在很多场景...
在本文中,我们将深入探讨如何使用JavaScript来获取和设置FCKeditor编辑器的值。FCKeditor是一款功能强大的开源富文本编辑器,它允许用户在网页上创建和编辑内容,类似于Microsoft Word的功能。通过JavaScript,我们...
然后,在你的ASP.NET页面中通过`<script>`标签引入FCKeditor的JavaScript文件,如`<script src="FCKeditor/fckeditor.js"></script>`。 2. **配置编辑器** 在HTML代码中,你需要创建一个`<textarea>`标签,...
压缩包中的"FCKeditor"文件可能包含了编辑器的完整源码,包括CSS、JavaScript和HTML文件,这些文件对于学习和修改FCKeditor的自动排版功能非常有用。 总之,FCKeditor的自动排版功能是提高用户体验、提升网站内容...
用户在FCKeditor界面中选择图片文件后,FCKeditor会调用其内置的图片上传插件,这个插件会处理用户选择的多个文件,将它们打包成一个Multipart请求,然后使用AJAX发送到服务器。上传过程中,FCKeditor还会显示上传...
总结起来,Java调用FCKeditor主要是通过在HTML页面中引入FCKeditor的JavaScript文件,然后使用JavaScript代码来初始化编辑器实例。两种方法的主要区别在于初始化的时间点和是否需要替换已存在的`textarea`。在实际...
然后通过JavaScript调用`FCKeditor.Replace()`方法来初始化编辑器: ```html <textarea id="myEditor" name="myEditor"></textarea> <script type="text/javascript"> window.onload = function() { var oFCKeditor...
- JavaScript引入:在需要使用FCKeditor的页面中,通过`<script>`标签引入编辑器的JavaScript文件。 - 初始化编辑器:在页面加载完成后,调用`FCKeditor.Create()`函数实例化编辑器,并指定编辑器元素的ID。 3. *...
调用 FCKeditor 主要通过JavaScript进行。在PHP环境中,首先需要在PHP脚本中引入FCKeditor的类文件,通常是 `fckeditor/fckeditor.php`。然后,创建FCKeditor实例,指定编辑器的基本属性,如宽度、高度和基路径,...
这通常涉及在HTML页面中引入FCKeditor的JavaScript文件,然后通过JavaScript调用编辑器实例。 6. **处理文件上传**:FCKeditor支持文件上传功能,需要在服务器端编写处理文件上传的代码,通常使用Servlet或Struts ...
5. **在FCKeditor外部调用工具栏命令** - FCKeditor提供了许多内置的编辑命令,例如`DocProps`, `Templates`, `Link`, `Unlink`, `Anchor`等。在JavaScript中调用这些命令的方法如下: ```javascript oEditor....