fckeditor上传图片-PHP环境下Fckeditor上传图片配置教程

发布时间：2017-11-21 所属栏目：fckeditor 配置

一 : PHP环境下Fckeditor上传图片配置教程

今天介绍Fckeditor上传图片功能在PHP中的配置方法，涉及Fckeditor上传图片的上传路径配置、限制Fckeditor上传图片大小设置、Fckeditor上传图片文件名重名及乱码解决方法以及针对上传图片添加水印功能的实现方法，只要掌握了以上四点，Fckeditor在大部分PHP类型网站中的应用都能解决。

开启Fckeditor上传图片功能

　　考虑到目录安全性问题，默认Fckeditor2.6.6上传功能并未开启，所以第一步我们必须开启Fckeditor上传功能，这里需要注意，由于PHP版本Fckeditor上传功能需要用到chomod函数对新建目录进行权限设置，所以请务必确认在启用Fckeditor上传功能时PHP环境的用户具有创建和更改上传目录的权限。

　　如果没有开启Fckeditor上传功能，在点击插入/编辑图像按钮，选择上传，在选择完要上传的文件后点击发送到服务器上按钮时会报错误信息如下

　　This file uploader isdisabled.

　　Please check the"editor/filemanager/connectors/php/config.php"file

　　根据错误信息，打开editor/filemanager/connectors/php目录下config.php，找到

　　$Config['Enabled'] = false;

　　更改为

　　$Config['Enabled'] = true;

　　并在相应目录下建立userfiles上传目录后，Fckeditor上传图片功能开启。

　　特别提醒：Fckeditor似乎有个BUG漏洞，即JS兼容性还不是太完美，之前我在GoogleChrome游览器下设置完后，FckeditorPHP上传一直实现不了，换了IE后一切正常。

Fckeditor上传图片时上传路径配置

　　作为独立网站开发者，除了考虑技术还需要兼顾其他方便，比如SEO优化，而目录结构(URL)优化是SEO的一部分，这就需要在设置Fckeditor上传图片功能时考虑图片上传路径问题。

　　默认Fckeditor图片上传路径结构有两种形式：userfiles/文件名和userfiles/文件类型/文件名，针对两种Fckeditor上传方式：快速上传（图像属性中的上传）和服务器游览上传（图像属性中的链接），比如上传图片，QuickUpload模式上传路径为userfiles/文件名，服务器游览上传模式上传路径为userfiles/images/文件名。

　　Fckeditor图片上传路径配置如下

　　打开editor/filemanager/connectors/php目录下config.php文件，找到

　　$Config['UserFilesPath'] ='/userfiles/' ;

　　更改为

　　$Config['UserFilesPath'] ='/项目目录/userfiles/';

　　注意：此处userfiles文件夹是针对http://localhost/的根目录而言的。

　　以上是默认Fckeditor上传路径的配置，根据URL规划你可以自定义Fckeditor的上传目录，只要修改config.php文件中的$Config['FileTypesPath']、$Config['FileTypesAbsolutePath']、$Config['QuickUploadPath']、$Config['QuickUploadAbsolutePath']四个上传目录路径的值即可。这种方法一定程度上也能避免Fckeditor上传图片文件名重名问题。

Fckeditor上传图片文件名重名及中文乱码解决方法

　　经测试Fckeditor2.6.6并没有解决上传文件中文名变为乱码的问题，这是由于Fckeditor实现上传功能时并没有将文件重命名，容易导致上传图片文件重名及乱码问题。

　　上传图片文件重名和乱码解决方法如下

　　打开editor/filemanager/connectors/php目录下commands.php，找到FileUpload函数，在

　　$sExtension = substr($sFileName, ( strrpos($sFileName, '.') + 1 ) ) ;

　　$sExtension = strtolower($sExtension ) ;

　　后添加

　　$sFileName =rand(0,100).".".$sExtension;

　　此处rand函数可根据需要自行改变重命名规则。

　　另一种上传图片文件名乱码解决方法为使用iconv函数对文件名进行编码转换，但仍然存在重名问题，所以针对Fckeditor上传图片文件名最好还是重命名。

Fckeditor上传图片添加水印功能

对于网站拥有者来说保护图片版权添加水印必不可少，我们可以利用PHP添加水印函数结合Fckeditor文件上传函数FileUpload实现图片添加水印功能。

图片支持GIF,PNG,JPG三种格式，水印图片支持PNG和GIF。

function setWater ($imgSrc,$markImg, $markText, $TextColor, $markPos, $fontType,$markType)

{

$srcInfo = @getimagesize($imgSrc);

$srcImg_w = $srcInfo[0];

$srcImg_h = $srcInfo[1];

switch ($srcInfo[2])

{

case 1:

$srcim=imagecreatefromgif($imgSrc);

break;

case 2:

$srcim=imagecreatefromjpeg($imgSrc);

break;

case 3:

$srcim=imagecreatefrompng($imgSrc);

break;

default:

die("不支持的图片文件类型");

exit;

}

if(!strcmp($markType,"img"))

{

if(!file_exists($markImg) ||empty($markImg))

{

return;

}

$markImgInfo =@getimagesize($markImg);

$markImg_w = $markImgInfo[0];

$markImg_h = $markImgInfo[1];

if($srcImg_w < $markImg_w ||$srcImg_h < $markImg_h)

{

return;

}

switch ($markImgInfo[2])

{

case 1:

$markim=imagecreatefromgif($markImg);

break;

case 2:

$markim=imagecreatefromjpeg($markImg);

break;

case 3:

$markim=imagecreatefrompng($markImg);

break;

default:

die("不支持的水印图片文件类型");

exit;

}

$logow = $markImg_w;

$logoh = $markImg_h;

}

if(!strcmp($markType,"text"))

{

$fontSize = 16;

if(!empty($markText))

{

if(!file_exists($fontType))

{

return;

}

else {

return;

}

$box = @imagettfbbox($fontSize, 0,$fontType,$markText);

$logow = max($box[2], $box[4]) - min($box[0],$box[6]);

$logoh = max($box[1], $box[3]) - min($box[5],$box[7]);

}

if($markPos == 0)

{

$markPos = rand(1, 9);

}

switch($markPos)

{

case 1:

$x = +5;

$y = +5;

break;

case 2:

$x = ($srcImg_w - $logow) / 2;

$y = +5;

break;

case 3:

$x = $srcImg_w - $logow - 5;

$y = +15;

break;

case 4:

$x = +5;

$y = ($srcImg_h - $logoh) / 2;

break;

case 5:

$x = ($srcImg_w - $logow) / 2;

$y = ($srcImg_h - $logoh) / 2;

break;

case 6:

$x = $srcImg_w - $logow - 5;

$y = ($srcImg_h - $logoh) / 2;

break;

case 7:

$x = +5;

$y = $srcImg_h - $logoh - 5;

break;

case 8:

$x = ($srcImg_w - $logow) / 2;

$y = $srcImg_h - $logoh - 5;

break;

case 9:

$x = $srcImg_w - $logow - 5;

$y = $srcImg_h - $logoh -5;

break;

default:

die("此位置不支持");

exit;

}

$dst_img = @imagecreatetruecolor($srcImg_w,$srcImg_h);

imagecopy ( $dst_img, $srcim, 0, 0, 0, 0,$srcImg_w, $srcImg_h);

if(!strcmp($markType,"img"))

{

imagecopy($dst_img, $markim, $x, $y, 0, 0,$logow, $logoh);

imagedestroy($markim);

}

if(!strcmp($markType,"text"))

{

$rgb = explode(',', $TextColor);

$color = imagecolorallocate($dst_img,$rgb[0], $rgb[1], $rgb[2]);

imagettftext($dst_img, $fontSize, 0, $x, $y,$color, $fontType,$markText);

}

switch ($srcInfo[2])

{

case 1:

imagegif($dst_img, $imgSrc);

break;

case 2:

imagejpeg($dst_img, $imgSrc);

break;

case 3:

imagepng($dst_img, $imgSrc);

break;

default:

die("不支持的水印图片文件类型");

exit;

}

imagedestroy($dst_img);

imagedestroy($srcim);

}

参数说明：

　　$imgSrc：目标图片，可带相对目录地址，

　　$markImg：水印图片，可带相对目录地址，支持PNG和GIF两种格式，如水印图片在执行文件mark目录下，可写成：mark/mark.gif

　　$markText：给图片添加的水印文字

　　$TextColor：水印文字的字体颜色

　　$markPos：图片水印添加的位置，取值范围：0~9

　　0：随机位置，在1~8之间随机选取一个位置

　　1：顶部居左 2：顶部居中 3：顶部居右 4：左边居中

　　5：图片中心 6：右边居中 7：底部居左 8：底部居中 9：底部居右

　　$fontType：具体的字体库，可带相对目录地址

　　$markType：图片添加水印的方式，img代表以图片方式，text代表以文字方式添加水印

代码注释：

　　第4~6行：获取目标图片的宽度和高度

　　第8~22行：根据图片类型调用不同的函数，获得操作图像标识符

　　GetImageSize函数知识点：GetImageSize不需要安装GD度就可使用，其返回值数组有四个元素。索引值0是图片高度。索引值1是图片的宽度。索引值2是图片的文件格式，其值1为GIF格式、2为JPEG/JPG格式、3为PNG格式。索引值3为图片的高与宽字符串，height=xxx width=yyy。返回的图片宽度和高度单位都是像素(pixel)

　　第24~58行：当选择图片方式给目标图片添加水印时，获取水印图片的宽度和高度，通常情况都是网站的logo。如果目标图片比水印图片宽度或者高度小或者水印图片不存在，则跳出这个函数。

　　return语句知识点：直接return表示什么都不返回，直接结束这个函数。也可以理解成返回 NULL。

　　第60~77行：当选择文字方式给目标图片添加水印时，首先设定水印文字的大小，默认我设置为16px，你可以根据需要自行调整字体大小。如果字体文件不存在，跳出函数，最后通过imagettfbbox函数获得此设定格式的文字的虚拟长宽。

　　imagettfbbox函数知识点：此函数返回一个含有8个单元的数组表示文本外框的四个角，索引值含义：0代表左下角 X 位置，1代表坐下角 Y 位置，2代表右下角 X 位置，3代表右下角 Y 位置，4代表右上角 X 位置，5代表右上角 Y 位置，6代表左上角 X 位置，7代表左上角 Y 位置。此函数同时需要GD 库和FreeType库的支持

　　max函数返回参数中数值最大的值。

　　第79~125行：根据设定的图片水印位置计算具体坐标值，你可以根据效果具体细化水印的位置。

　　第127~129行：新建一个和目标图片大小一致的图片。

　　注：由于imagecreatetruecolor函数范围的是一个黑色图片，所以如果你的目标图片是透明的，则生成的新图将不会是透明色。

　　第131~162行：根据图片或者文字方式，最终生成添加了水印的图片。

调用说明：

　　以函数调用方式调用即可，当然你也可以以类的方式封装，或者你也可以根据需要将此函数进一步细分模块也可以。当然你现在这样用也是没有任何问题的，我已测试过，请放心使用。

其他说明：

　　由于imagettftext和imagettfbbox函数需要GD库和FreeType库的支持，如果你的运行环境不支持GD库和FreeType库则文字方式就无法实现，你可以用imagestring函数实现给图片添加文字水印，同时设定下text方式下的$logow和$logoh值即可。

　　imagejpeg函数也可以设置合成的图片质量。

PHP图片加水印函数思路总结：

首先计算目标图片、水印图片以及文字的宽度和高度，在根据具体位置计算最终水印出现的位置信息，即X和Y值。最后合成图片，新的图片就添加了水印。

from 百度文库

二 : PHP配置FCKeditor编辑器以及上传图片

FCKeditor官网：http://ckeditor.com/

FCKeditor下载：http://ckeditor.com/download

在使用PHP开发留言板、CMS、博客时都涉及文本信息的处理，如何将信息优美地展现在读者面前是PHP网站开发建设者所追求的，而在线编辑器实现了可视化的功能，最早PHP网站开发者都是使用UBB来实现文本信息的展现功能，之后出现了类似于WORD的在线编辑器，今天和大家介绍的是老牌在线编辑器Fckeditor在PHP环境中安装配置与使用方法说明。

Fckeditor支持多种开发语言，如PHP、.NET、JAVA等，本文使用的是Fckeditor2.6.6版本，主要介绍Fckeditor2.6.6在PHP环境中如何安装配置以及使用说明。

准备工作[www.61k.com)

首先我们需要下载Fckeditor安装源码包，请点击下载Fckeditor，推荐下载Fckeditor2.6.6，根据系统环境你可以下载zip包或者tar.gz包。

Fckeditor安装说明

Fckeditor安装非常方便，只要解压下载的Fckeditor2.6.6.zip包，将解压的Fckeditor2.6.6文件夹下fckeditor文件夹复制到相应项目文件夹下即可。

如下图Default：

fckeditor 配置 PHP配置FCKeditor编辑器以及上传图片

Fckeditor使用方法说明

Index.php

<?phprequire_once 'editor/fckeditor.php';?>编辑器

说明：默认Fckeditor提供两种模式的工具栏，即Default和Basic，Default提供了所有的Fckeditor工具栏功能，Basic则提供了最基础的Fckeditor工具栏功能，简而言之Default主要是为后台管理人员提供的，而Basic主要为前台用户提供，只要在使用Fckeditor类时配置

<?php$FCKeditor->ToolbarSet = 'Basic';?>

如果你对Fckeditor提供的这两种工具栏并不满足，你可以根据需求定义自己的工具栏，可通过第二种方式，即修改fckeditor.js文件来实现，打开fckeditor.js，找到FCKConfig.ToolbarSets，你可以修改和添加Default和Basic模式中定义的工具栏功能，甚至你可以创建一个新的工具栏，比如Leapsoulcn工具栏，在fckeditor.js文件中添加

FCKConfig.ToolbarSets["Leapsoulcn"] = [['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink']] ;

然后在使用Fckeditor类时，定义

<?$FCKeditor->ToolbarSet = 'Leapsoulcn';?>

do.php

此页面接收FORM表单传过来的内容。

<?phpextract($_POST); ////相当于$cFace = $_POST['cFace']; $cContent = $_POST['cContent'];要学会用函数哦$arr=array("共产党","骂人");foreach($arr as $key=>$val){$cContent = str_replace($val,"***",$cContent);}echo $cFace;echo $cContent;?>

注意事项

在使用Fckeditor时，一定要注意页面编码问题，页面编码和数据库编码必须统一，否则会出现Fckeditor输入框中内容为乱码的问题。

当然编辑器也带了上传图片的功能哦！很不错的哦！

开启Fckeditor上传图片功能

如果没有开启Fckeditor上传功能，在点击插入/编辑图像按钮，选择上传，在选择完要上传的文件后点击发送到服务器上按钮时会报错误信息如下

This file uploader is disabled. Please check the "editor/filemanager/connectors/php/config.php" file

根据错误信息，打开editor/filemanager/connectors/php目录下config.php，找到

$Config['Enabled'] = false ;

更改为

$Config['Enabled'] = true ;

并在相应目录下建立userfiles上传目录后，Fckeditor上传图片功能开启。

扩展：fckeditor php 配置 / 百度编辑器上传配置 / phpcms编辑器上传图片

三 : Fckeditor实现WORD粘贴图片自动上传

什么是FckEditor

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。[www.61k.com]它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK”是这个编辑器的作者的名字FredericoCaldeiraKnabben的缩写。

FCKeditor相容于绝大部分的网页浏览器，像是:InternetExplorer5.5+(Windows)、MozillaFirefox1.0+、Mozilla1.3+和Netscape7+。在未来的版本也将会加入对Opera的支援。

FckEditor更名CKEditor

著名的开源网页编辑软件FCKEditor在09年发布更新到3.0，并改名为CKEditor。原来叫FCK，是因为最初的开发者叫FredericoCalderiaKnabben；现在叫CK，意指"ContentandKnowledge"。新版的编辑器的更新包括：新的用户界面，一个支持Plug-in的JavascriptAPI，并提供对视觉障碍者的使用支持。"

据官方的解释，CK是对FCK的代码的完全重写，而且此项工作从2007年就开始了，并在今年初发表了多个测试版。至此，为大家服务长达6年的FCKeditor将被CKeditor替代。配置中文解释

AutoDetectLanguage=true/false自动检测语言

BaseHref=""相对链接的基地址

ContentLangDirection="ltr/rtl"默认文字方向

ContextMenu=字符串数组,右键菜单的内容

CustomConfigurationsPath=""自定义配置文件路径和名称

Debug=true/false是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容

DefaultLanguage=""缺省语言

EditorAreaCss=""编辑区的样式表文件

EnableSourceXHTML=true/false为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML

EnableXHTML=true/false是否允许使用XHTML取代HTML

FillEmptyBlocks=true/false使用这个功能,可以将空的块级元素用空格来替代

FontColors=""设置显示颜色拾取器时文字颜色列表

FontFormats=""设置显示在文字格式列表中的命名

FontNames=""字体列表中的字体名

FontSizes=""字体大小中的字号列表

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

ForcePasteAsPlainText=true/false强制粘贴为纯文本

ForceSimpleAmpersand=true/false是否不把&符号转换为XML实体

FormatIndentator=""当在源码格式下缩进代码使用的字符

FormatOutput=true/false当输出内容时是否自动格式化代码

FormatSource=true/false在切换到代码视图时是否自动格式化代码

FullPage=true/false是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容GeckoUseSPAN=true/false是否允许SPAN标记代替B,I,U标记

IeSpellDownloadUrl=""下载拼写检查器的网址

ImageBrowser=true/false是否允许浏览服务器功能

ImageBrowserURL=""浏览服务器时运行的URL

ImageBrowserWindowHeight=""图像浏览器窗口高度

ImageBrowserWindowWidth=""图像浏览器窗口宽度

LinkBrowser=true/false是否允许在插入链接时浏览服务器

LinkBrowserURL=""插入链接时浏览服务器的URL

LinkBrowserWindowHeight=""链接目标浏览器窗口高度

LinkBrowserWindowWidth=""链接目标浏览器窗口宽度

Plugins=object注册插件

PluginsPath=""插件文件夹

ShowBorders=true/false合并边框

SkinPath=""皮肤文件夹位置

SmileyColumns=12图符窗列数

SmileyImages=字符数组图符窗中图片文件名数组

SmileyPath=""图符文件夹路径

SmileyWindowHeight图符窗口高度

SmileyWindowWidth图符窗口宽度

SpellChecker="ieSpell/Spellerpages"设置拼写检查器

StartupFocus=true/false开启时FOCUS到编辑器

StylesXmlPath=""设置定义CSS样式列表的XML文件的位置

TabSpaces=4TAB键产生的空格字符数

ToolBarCanCollapse=true/false是否允许展开/折叠工具栏

ToolbarSets=object允许使用TOOLBAR集合

ToolbarStartExpanded=true/false开启是TOOLBAR是否展开

UseBROnCarriageReturn=true/false当回车时是产生BR标记还是P或者DIV标记在PHP中调用

<?php

functionFCKeditor_IsCompatibleBrowser()

{

if(isset($_SERVER)){

$sAgent=$_SERVER['HTTP_USER_AGENT'];

}

else{

global$HTTP_SERVER_VARS;

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

if(isset($HTTP_SERVER_VARS)){

$sAgent=$HTTP_SERVER_VARS['HTTP_USER_AGENT'];

}

else{

global$HTTP_USER_AGENT;

$sAgent=$HTTP_USER_AGENT;

}

if(strpos($sAgent,'MSIE')!==false&&strpos($sAgent,'mac')===false&&strpos($sAgent,'Opera')===false)

{

$iVersion=(float)substr($sAgent,strpos($sAgent,'MSIE')+5,3);

return($iVersion>=5.5);

}

elseif(strpos($sAgent,'Gecko/')!==false)

{

$iVersion=(int)substr($sAgent,strpos($sAgent,'Gecko/')+6,8);

return($iVersion>=20030210);

}

elseif(strpos($sAgent,'Opera/')!==false)

{

$fVersion=(float)substr($sAgent,strpos($sAgent,'Opera/')+6,4);

return($fVersion>=9.5);

}

elseif(preg_match("|AppleWebKit/(\d+)|i",$sAgent,$matches))

{

$iVersion=$matches[1];

return($matches[1]>=522);

}

else

returnfalse;

}

classFCKeditor

{

public$InstanceName;

public$BasePath;

public$Width;

public$Height;

public$ToolbarSet;

public$Value;

扩展：word粘贴图片上传 / fckeditor 粘贴图片 / fckeditor 无法粘贴

public$Config;

publicfunction__construct($instanceName)

{

$this->InstanceName=$instanceName;

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

$this->BasePath='../common/editor/';

$this->Width='100%';

$this->Height='400';

$this->ToolbarSet='Default';

$this->Value='';

$this->Config=array();

}

publicfunctionCreate()

{

echo$this->CreateHtml();

}

publicfunctionCreateHtml()

{

$HtmlValue=htmlspecialchars($this->Value);

$Html='';

if($this->IsCompatible())

{

if(isset($_GET['fcksource'])&&$_GET['fcksource']=="true")

$File='fckeditor.original.html';

else

$File='fckeditor.html';

$Link="{$this->BasePath}editor/{$File}?InstanceName={$this->InstanceName}";

if($this->ToolbarSet!='')

$Link.="&Toolbar={$this->ToolbarSet}";

$Html.="<inputtype=\"hidden\"id=\"{$this->InstanceName}\"

name=\"{$this->InstanceName}\"value=\"{$HtmlValue}\"style=\"display:none\"/>";

$Html.="<inputtype=\"hidden\"id=\"{$this->InstanceName}___Config\"value=\"".$this->GetConfigFieldString()."\"style=\"display:none\"/>";

$Html.="<iframeid=\"{$this->InstanceName}___Frame\"src=\"{$Link}\"width=\"{$this->Width}\"height=\"{$this->Height}\"frameborder=\"0\"scrolling=\"no\"></iframe>";

}

else

{

if(strpos($this->Width,'%')===false)

$WidthCSS=$this->Width.'px';

else

$WidthCSS=$this->Width;

if(strpos($this->Height,'%')===false)

$HeightCSS=$this->Height.'px';

else

$HeightCSS=$this->Height;

$Html.="<textareaname=\"{$this->InstanceName}\"rows=\"4\"cols=\"40\"style=\"width:{$WidthCSS};height:{$HeightCSS}\">{$HtmlValue}</textarea>";

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

}

return$Html;

}

publicfunctionIsCompatible()

{

returnFCKeditor_IsCompatibleBrowser();

}

publicfunctionGetConfigFieldString()

{

$sParams='';

$bFirst=true;

foreach($this->Configas$sKey=>$sValue)

{

if($bFirst==false)

$sParams.='&';

else

$bFirst=false;

if($sValue===true)

$sParams.=$this->EncodeConfig($sKey).'=true';

elseif($sValue===false)

$sParams.=$this->EncodeConfig($sKey).'=false';

else

$sParams.=$this->EncodeConfig($sKey).'='.$this->EncodeConfig($sValue);}

return$sParams;

}

publicfunctionEncodeConfig($valueToEncode)

{

$chars=array(

'&'=>'%26',

'='=>'%3D',

'"'=>'%22');

returnstrtr($valueToEncode,$chars);

}

$editor=newFCKeditor('editor');//接收时$_POST['........']中的内容

$editor->BasePath="../common/editor/";//FCKEDITOR的路径

在需要调用的地方<?php$editor->Create();?>

接受的文件用$_POST['editor']调用（editor）可在$editor=newFCKeditor('editor')设置在Asp中调用

首先在文件顶部包含主文件

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

在适当的地方插入文本区域内容:

DimoFCKeditor

SetoFCKeditor=NewFCKeditor

oFCKeditor.ToolbarSet="A"’使用工具条

oFCKeditor.Width="100%"’宽度

oFCKeditor.Height="400"’高度

oFCKeditor.Value=’源文件

oFCKeditor.Create"content"’文本框名称

在JSP中调用

web.xml配置：

FckEditorforjava2.4版本

<servlet-name>Connector</servlet-name>

<servlet-class>

net.fckeditor.connector.ConnectorServlet

</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>Connector</servlet-name>

<url-pattern>

/fckeditor/editor/filemanager/connectors/*

</url-pattern>

</servlet-mapping>

在JSP中使用标签调用demo:

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%@tagliburi="http://java.fckeditor.net"prefix="FCK"%>

<html>

<head>

<title>FckEditor测试</title>

</head>

<bodystyle="text-align:center;">

FckEditor测试

<hr>

<formaction="ShowData.jsp"method="post">

<FCK:editorinstanceName="test"height="400pt">

<jsp:attributename="value">这里是http://baike.baidu.com/">数据测试</jsp:attribute>

扩展：word粘贴图片上传 / fckeditor 粘贴图片 / fckeditor 无法粘贴

</FCK:editor>

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

<inputtype="submit"value="提交"/>

<inputtype="reset"value="重置"/>

</form>

</body>

</html>

自定义工具条

/*Source="页面源码"

DocProps="页面属性"

Save＝"保存"

NewPage="新建"

Preview="预览"

Templates="模版"

Cut="剪切"

Copy="拷贝"

Paste="粘贴"

PasteText="粘贴为无格式的文本"

PasteWord="粘贴Word格式"

Print="打印"

SpellCheck="拼写检查,要装插件"

Undo="撤消"

Redo="重做"

Find="查找"

Replace="替换"

SelectAll="全选"

RemoveFormat="清除格式(清除现在文本的格式)"Form="表单域"

Checkbox="复选"

Radio="单选"

TextField="单行文本"

Textarea="多行文本"

Select="列表"

Button="按钮"

ImageButton="图像区域"

HiddenField="隐藏域"

Bold="加粗"

Italic="倾斜"

Underline="下划线"

StrikeThrough="删除线"

Subscript="下标"

Superscript="上标"

OrderedList="删除/插入项目列表"

UnorderedList="删除/插入项目符号"

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

Outdent="减少缩进"

Indent="增加缩进"

JustifyLeft="左对齐"

JustifyCenter="居中对齐"

JustifyRight="右对齐"

JustifyFull="分散对齐"

Link="链接"

Unlink="删除链接"

Anchor="插入/删除锚点"

Image="上传图片"

Flash="上传动画"

Table="插入表格"

Rule="插入水平线"

Smiley="插入表情"

SpecialChar="插入特殊字符"

PageBreak="插入分页符"

Style="样式"

FontFormat="格式"

FontName="字体"

FontSize="大小"

TextColor="字体颜色"

BGColor="背景色"

FitWindow="全屏编辑"

About="关于我们"

示例:

FCKConfig.ToolbarSets["Default"]=[//Default工具条的名称

[’Source’,’DocProps’,’-’,’Save’,’NewPage’,’Preview’,’-’,’Templates’],

[’Cut’,’Copy’,’Paste’,’PasteText’,’PasteWord’,’-’,’Print’,’SpellCheck’],

[’Undo’,’Redo’,’-’,’Find’,’Replace’,’-’,’SelectAll’,’RemoveFormat’],

[’Form’,’Checkbox’,’Radio’,’TextField’,’Textarea’,’Select’,’Button’,’ImageButton’,’HiddenField’],

’/’,

[’Bold’,’Italic’,’Underline’,’StrikeThrough’,’-’,’Subscript’,’Superscript’],

[’OrderedList’,’UnorderedList’,’-’,’Outdent’,’Indent’],

[’JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyFull’],

[’Link’,’Unlink’,’Anchor’],

[’Image’,’Flash’,’Table’,’Rule’,’Smiley’,’SpecialChar’,’PageBreak’],

’/’,

[’Style’,’FontFormat’,’FontName’,’FontSize’],

[’TextColor’,’BGColor’],

[’FitWindow’,’-’,’About’]

];

fckeditor上传图片 Fckeditor实现WORD粘贴图片自动上传

官方网站

http://www.fckeditor.net

61阅读

fckeditor上传图片-PHP环境下Fckeditor上传图片配置教程

开启Fckeditor上传图片功能

Fckeditor上传图片时上传路径配置

Fckeditor上传图片文件名重名及中文乱码解决方法

Fckeditor上传图片添加水印功能

参数说明：

代码注释：

调用说明：

其他说明：

PHP图片加水印函数思路总结：

幼儿园环境布置图片

幼儿读物

php