FCKEDITOR中文使用说明
来源:互联网 发布:太平洋软件下载中心 编辑:程序博客网 时间:2024/06/03 11:15
FCKeditor2.3.2在线编辑器非常好用,完全支持文件上传。今天baidu了一直午终于搞定了。 下载FCKeditor2.3.2,解压至FCKeditor。
一:首先删除不必要的文件节省空间。凡是以_开头的文件如_samples,_testcases和一些用不到的.asp、.jsp、.cfm文件统统干掉。
FCKConfig.DefaultLanguage = 'zh-cn' ;//设置语言
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;//设置皮肤
FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现,等点“展开工具栏”时才出现
设置默认字体及大小
body, td
{
font-family: Arial, Verdana, Sans-Serif;
font-size: 14px;
}
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php
修改fckeditor/editor/filemanager/browser/connectors/php/config.php
$Config['UserFilesPath'] = '/UserFiles/' ;//设置上传的文件夹,可自己指定
$Config['UseFileType'] = true ;
$Config['UserFilesPath'] = '/UserFiles/' ;//同上要一样
include("fckeditor/fckeditor.php") ;
$oFCKeditor = new FCKeditor('FCKeditor1') ;//实例化
$oFCKeditor->BasePath = 'fckeditor/';//这个路径一定要和上面那个引入路径一致,否则会报错:找不到fckeditor.html页面
$oFCKeditor->Width = '100%' ;
$oFCKeditor->Height = '300' ;
$oFCKeditor->Create() ;//可以用$oFCKeditor->CreateHtml()
?>
FCKeditor的详细配置说明:
FCKeditor 2.0的主要配置文件为FCKeditor/fckconfig.js,其中几个重要的配置项目如下:
一.改变配置文件:
$oFCKeditor->Config['CustomConfigurationsPath'] = '/myconfig.js' ;
使用这行代码,可以将配置文件放置于FCKeditor目录之外
注意原来的配置文件fckconfig.js不可删除,必须仍然放置于FCKeidtor目录下。另外,改变配置之后,要清除浏览器的缓存,否则不会看到最新的页面。如果你使用的是IE,可以按Ctrl+F5强制刷新。
二. 工具栏的配置
默认情况下,FCKeditor会调用默认的工具栏按钮,FCKConfig.ToolbarSets["Default"]这个数组的每个元素对应一个工具,大家可以根据自己的需要进行增减。
三. 文字样式设置(Style)
FCKeditor所预设的样式有Image on right,Image on Left,Title,Code等等,如果你有自己常用到的特殊的格式,你可以自己来添加。需要修改的文件有:
fckconfig.js
FCKConfig.FontFormats = editor/_source/classes/fcktoolbarfontformatcombo.js
var ōNames = editor/js/fckeditorcode_ie_2.js and /editor/js/fckeditorcode_gecko_2.js
var ōNames= editor/lang/下你选择的语言文件
FontFormats Styles的配置文件是个XML文件,即fckstyles.xml,当然你也可以自己新建一个XML文件并指定配置文件为自己的XML文件。
在配置的js中,修改FCKConfig.StylesXmlPath = '../myfckstyles.xml' ;
<?xml version="1.0" encoding="utf-8" ?>
<Styles >
<Style name="My Image" element="img">
<Attribute name="style" value="padding: 5px" />
<Attribute name="border" value="2" />
</Style >
<Style name="Italic" element="em" />
<Style name="Title" element="span">
<Attribute name="class" value="Title" />
</Style >
<Style name="Title H3" element="h3" />
</Styles>
四. 配置模板
模板配置可以参考fcktemplates.xml,自己定义,然后设置为默认的模板配置文件:
FCKConfig.TemplatesXmlPath = '/mytemplates.xml' ;
转自:http://www.phpchina.com/13636/viewspace_5975.html
以下是另一篇:主要是上一篇中没有提到的配置 FCKeditor的toolbar功能按钮
最近用php+mysql开发一个项目,里面用到了FCKeditor,下面对这个用法进行一下小结.首先说明一下我的FCKeditor版本是2.1多国语言版.
用法:1.我的网站目录是www.里面有如下文件夹和文件
/www
add.php
/include
/FCKeditor
2.调用FCKeditor的方法:
(1)在开头包含include("FCKeditor/fckeditor.php")
(2)在需要使用的的方加入
(此处basepath的路径一定要和上面include的路径一样.否则会找不到文件)
另外,对于这个输入内容的变量,如果要把它存入数据库,它的变量名为你建
立对象的名字.例如上面就是FCKeditor1
<?php
//大家要注意了,下面红色的那个斜杠一定要加上哦,要不程序就会无法显示编码器一开始我就上了那当,搞了半天没反应!
$oFCKeditor = new FCKeditor('FCKeditor1') ;//建立对象
$oFCKeditor->BasePath = 'FCKeditor/' ;//FCKeditor所在的位置
$oFCKeditor->ToolbarSet = 'Default' ;//工具按钮
$oFCKeditor->Create('EditorDefault', '60%',150) ;
?>
3.在FCKeditor/_samples/里面有个php调用的例子.如simples01.php
和sampleposteddata.php这两个.后面那个文件是输出变量名的php
程序,通过这个程序可以得到文本输入框内容的变量名.
4.配置 FCKeditor的toolbar功能按钮可以很容易地进行定制,你可以依据你
的需要在FCKeditor的配置文件FCKeditor/fck_config.js中进行定制,一个功能按钮对应一个唯一的名称。
在fck_config.js中默认情况下已经设定好三种toolbar样式:Default(包
含全部功能),Accessibility和Basic。
让我们先来看看toolbar样式的定制格式:
config.ToolbarSets["ToolBarSetName"] = [ // Toolbar名
['Item 1','Item 2','-','Item 3','Item n'], // Toolbar第一行
['Item 4','-','Item 5','Item 6','Item n'] // Toolbar第二行
] ;
这里'-'的作用是创建一个分割条。
FCKeditor1.6为我们提供了60个编辑功能,具体功能如下:
//有可能是版本问题,下面有些不使用时,去弹出js的警告对话框说工具不存在! 默认的Default包含了FCKeditor的全部功能,个人感觉有些功能用不上,完全加载还会影响显示速度,所以我简化了一下,只加载了一些常用的功能:
1、打开FCKeditor/fck_config.js文件,添加如下代码
config.ToolbarSets["www"] = [
['EditSource','Save','NewPage','Preview','-','Cut','Copy','Paste','PasteText','-','Find','Replace','-','Undo','Redo','-','SelectAll','-','Link','RemoveLink','-','Image','Table','Rule','SpecialChar','Smiley'] ,
['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','JustifyRight','-','InsertOrderedList','InsertUnorderedList','-','Form','Checkbox','Radio','Input','Textarea','Select','Button','-','FontStyleAdv','TextColor'] ] ;
这样加载的速度就快多了。
使用时只需把$oFCKeditor->ToolbarSet = 'Default'
改为$oFCKeditor->ToolbarSet = 'www' 即可
最后.我们把FCKeditor目录下所有以下划线“_”开头的目录都删掉以节省空间,如_test._samples,等等.完工
- FCKEDITOR中文使用说明 编辑器
- FCKEDITOR中文使用说明 编辑器
- FCKEDITOR中文使用说明
- FCKEDITOR中文使用说明
- FCKEDITOR中文使用说明
- FCKEDITOR中文使用说明(转)
- FCKEDITOR中文使用说明
- FCKEDITOR中文使用说明
- FCKEDITOR中文使用说明
- FCKEDITOR中文使用说明
- FCKEditor使用说明
- FCKeditor使用说明
- FCKEditor使用说明
- FCKeditor使用说明
- FCKEditor使用说明
- FCKEditor使用说明
- FCKeditor使用说明
- FCKEditor使用说明
- Nginx编译参数详细介绍
- 不以物喜 不以己悲
- 使用Netbean进行Spring RCP开发
- ASP.net弹出消息对话框的方法
- Question 42: A C++ developer wants to explicitly specialize the template function below for the char * type:
- FCKEDITOR中文使用说明
- msu
- Design Pattern - Visitor(C#)
- DTree生成漂亮的动态树型菜单
- 多线程编程杂说2
- Question 43: Which of the following define valid string constants in C++?
- 不管路途多么崎岖
- C#中Split用法
- 《深入解析ATL》阅读笔记1~2章