传智播客之fckeditor~~~我的视频笔记
来源:互联网 发布:js中的面向对象编程 编辑:程序博客网 时间:2024/04/27 23:54
======= fckeditor视频教程 [汤阳光]========
第一课、演示使用了FCKeditor的论坛
a.演示fekeditor使用
第二课、资料下载及介绍
a.官方网站:http://www.fckeditor.net
b.demo的查看、doc文档的查看
c.下载的说明,涉及java还得下个包
d.war工程的查看
第三课、安装与通过JavaScript调用FCKeditor的两种方法
a.部署:拷贝到webroot下
b.fckeditor的调用方式:
.通过javascript调用
.在jsp中通过自定义标签调用
c.参考方式:
.附带的例子 samples里
.文档
d.通过javascript调用
方法一:
.<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
.<script type="text/javascript"><!-- 编辑器创建 -->
var oFCKeditor = new FCKeditor("FCKeditor1");
oFCKeditor.BasePath = "/test/fckeditor/";<!-- fckedior绝对路径,/结尾 -->
oFCKeditor.Create();
</script>
方法二:
.<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
.<head></head>里添加
<script type="text/javascript">
window.onload=function(){
var oFCKeditor = new FCKeditor("MyTextarea");<!-- 下面指定 -->
oFCKeditor.BasePath = "fckeditor/";<!-- fckedior相对路径,/结尾 -->
oFCKeditor.ReplaceTextarea();
}
</script>
.<body></body>里添加
<textarea id="MyTextarea" name="MyTextarea">this is</textarea>
方法三:
e.注意:BasePath要正确的设置 BasePath一定要以“/”结尾
f.fckeditor对象属性
Width 默认100%、Height 默认200、Value、
ToolbarSet 默认default,basic、BasePath 默认/fckeditor/
g.构造器
var FCKeditor = function(instanceName,width,height,toolbarSet,value)
.instanceName为编辑器输出的textarea元素的name属性值,必须指定
.参数会赋值给同名属性
第四课、在jsp中通过自定义标签调用FCKeditor
a.参考
.演示工程
.帮助文档
b.jar文件拷贝
c.步骤:
.拷贝jar文件
.<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
.<FCK:editor instanceName="myEditor" basePath="/fckeditor" value="haha"></FCK:editor>
d.注意:basePath要以“/”开头,/代表当前工程路径
一定要设置value属性的值,并且值不能为空字符串
第五课、配置_使用配置文件
a.webroot下创建myconfig.js文件
b.FCKConfig.AutoDetectLanguage=false; 自动检测语言
FCKConfig.DefaultLanguage="fr";
c.在默认的配置文件里
一、FCKConfig.CustomConfigurationsPath='/test/myconfig.js';
二、在创建编辑器时指定下
oFCKeditor.Config["CustomConfigurationsPath"]="/test/myconfig.js"; 只对当前有效
d.配置FCKeditor三种方式
.直接修改主配置文件 fckconfig.js
.定义单独的配置文件(只需用写需要修改的配置项)
.在页面的调用代码中对FCKeditor的实例进行配置
e.配置加载顺序
1.加载主配置文件fckconfig.js
2.加载自定义的配置文件(如果有),覆盖相同的配置项
3.使用对实例的配置覆盖相同的配置项(只对当前实例有效)
f.提示
.系统会自动侦测并运用适当的界面语言(默认,可以修改)
.不能删除主配置文件fckconfig.js
.修改配置后要清空浏览器缓存,以免影响结果
(或访问时强制刷新也可以) IE:Ctrl+F5 Firefox:Shift+Ctrl+R
第六课、配置_一般需要修改的配置
a.一般需要修改的配置
.自定义ToolbarSet,去掉一些功能
.加上几种常用的字体
.修改"回车"和"Shift+回车"的换行行为
.修改编辑区的样式
.更换表情图片
b.自定义ToolbarSet,去掉一些功能
先自定义工具集再引用该工具集
关于自定义工具集选择的工具看视频 '-'代表分隔符'|' '/'代表换行符
c.加上几种常用的字体
FCKConfig.FontNames = '实体;楷体_GB2312;黑体;隶书;Times New Roman;Arial';
d.修改"回车"和"Shift+回车"的换行行为
FCKConfig.EnterMode = 'br'; // p | div | br
FCKConfig.ShiftEnterMode = 'p';
e.修改编辑区的样式
文件路径 FCKConfig.basePath下 alert()下就知道在哪了
第七课、配置_更换表情图片
a.配置选项
FCKConfig.SmileyPath = ''; //文件路径
FCKConfig.SmileyImages = ['','']; //路径下的图片名称
FCKConfig.SmileyColumns = 8; //每行显示数量
FCKConfig.SmileyWindowWidth = 320; //窗体宽度
FCKConfig.SmileyWindowHeight =210; //窗体高度
b.单个添加更换或整个文件夹更换
想添加滚动条,查看窗体的文件进行修改
c.FCKConfig.CustomConfigurationsPath='/test/myconfig.js';
工程不确定,应该修改为
FCKConfig.CustomConfigurationsPath=FCKConfig.EditorPath+'myconfig.js';
d.注意:
.自定义的配置文件要使用UTF-8编码保存
.FCKConfig.BasePath和调用fckeditor时指定的
BasePath(FCKeditor.BasePath)不是同一个,其值也不一样
第八课、文件上传_基本使用
a.使用看java关联的文档
b.步骤
.在web.xml文件添加一个servlet
.在classpath下创建fckeditor.properties //名字路径不能改变
里面内容connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl
第九课、文件上传_问题一_上传中文名的文件会出现乱码
a.使用文件上传会遇到下面问题
.上传中文名的文件会出现乱码
.创建中文名的目录时会出现乱码
.引用的中文名字的图片不能正常显示
b.解决:写个servlet把post方法中setHeaderEncoding("utf-8");
第十课、问题二_创建中文名的目录时会出现乱码
a.解决:在servlet的get方法,当request.getParameter("");之后重新编码
第十一课、问题三_引用的中文名字的图片不能正常显示
a.解决:
方案一:修改tomcat的servlet.xml在<Connector>添加URIEncoding="UTF-8"
不推荐使用,因为将对创建中文文件夹有影响
方案二:避免使用中文名称保存图片,在servlet修改,采用UUID随机设置名称
第十二课、文件上传允许上传的文件类型
a.控制允许上传的文件类型
.FCKeditor把文件的上传分成4类
.File
.Image
.Flash
.Media
b.设置允许上传的文件扩展名列表
禁止上传的文件扩展名列表
只能配置一项
c.修改时除了media客户端不用设置,其它的客户端和服务器端都必须设置,且设置相同
第十三课、文件上传允许上传的文件的大小
a.步骤:
.在服务器端的servlet中,在保存文件之前先判断一下文件的大小,
如果超出限制,就传递一个自定义的错误码,并且不再保存文件
.修改对应界面的回调函数,增加对这个自定义的错误码的处理
第十四课、在表单中使用FCKeditor
a.一般都放在表单中提交,只要放在<form></form>中
b.通过fckeditor提交的中文内容,在服务器端得到的为乱码的解决
这是我没去传智播客之前总结的,那时就没汤老师那具有魅力的声音给吸引了,当在传智播客第一次看见汤老师时,当时很惊讶,哇噻!帅呆了,Soyoung!!而且讲课讲的非常好,关键给与的解答很全面,解决问题而不是直接根据他的经验就指出错误之处,而是先帮我们分析流程,应该怎样去排除错误,在按流程去寻找错误!!
忘了给大家fckeditor视频地址了http://www.itcast.cn/itcast_static/FCKeditorVideo.htm
- 传智播客之fckeditor~~~我的视频笔记
- 我的FCKeditor安全配置
- 我的php学习笔记(二十八)PHP在线编辑器fckeditor应用
- FCKeditor 的使用 之 3
- FCKeditor 的使用 之 2
- FCkeditor笔记
- cs231n笔记之我的笔记1
- cs231n笔记之我的笔记2
- cs231n笔记之我的笔记3
- cs231n笔记之我的笔记4
- 文本编辑器FCKeditor的冰冷之心
- ext学习之fckeditor的使用
- 开始我的视频学习之旅----前言
- 我的HTML5之旅——音、视频
- 关于我在ZF中使用FckEditor的方法
- Android视频播放项目总结之 让别的程序能调用我的视频播放器
- Fckeditor插入视频或视频文件
- Fckeditor插入视频或视频文件
- 传智播客小汤老师~~Eclipse的快捷键的设置或修改方法与需要修改的快捷键
- 你认为什么是LoVE?
- 我的技术博客之路
- 写给准备到培训机构学习的同学
- 软件开发人员电脑配置——传智播客电脑配置
- 传智播客之fckeditor~~~我的视频笔记
- 劳累而充实的 [传智播客] 每一天
- 让flash自动显示代码提示的两种方式
- httpclient header useragent mozilla
- VGA视频信号采集新途径!
- 读传智播客黎老师EJB视频随笔上
- httpclient 账号密码 验证
- 普通人不知道的WinXP秘密
- ubuntu下的wireshark编译安装