FCKeditor编辑器在JAVA中的使用与配置
一、工作前的准备
版本是fckeditor_2.6.4.zip【组件的主文件包】,fckeditor-java-2.4.1-bin.zip 【这里面提供了标签库和图片上传的jar】。这些都可以在https://www.360docs.net/doc/4d7125371.html, 网站下载到!本人用的是fckeditor_2.6.4.zip和fckeditor-java-demo-2.4.1.zip包中的所有组件。
二、开发环境
myeclipse7.0,mysql 5.1,apache-tomcat-6.0.18和JDKjdk1.6.0_12。这些都可到网上下载。
三、配置
1. 新建工程News_Demo。
2. 将fckeditor_2.6.4.zip包中的fckeditor 文件夹复制到WebRoot目录下。在fckeditor目录下有editor子目录和fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml、fckpackager.xml等文件。
3. 将fckeditor-java-demo-2.
4.1.zip 包中的 \WEB-INF\lib 下的五个 jar 文件到项目的 WebRoot\WEB-INF\lib目录下
1、2、3步做完后项目的目录结构如下:
4. 在 WebRoot 目录下新建 UserFiles 文件夹,在此文件夹下新建 Image、 Flash 、
File、Media四个文件夹,他们分别用来存放上传的图片、动画、文件、媒体文件
5. 修改fckconfig.js组件配置文件【说明一下,你可以在配置文件里搜索等号前面的信息来确定某一项做更改】:
A、FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/silver/' ;
这是组件的样式模板,好确定你到底需要使用哪中样式,这个根据你自己的喜好更改,
B、FCKConfig.DefaultLanguage = 'zh-cn' ;
这个是确定你需要使用哪中语言,设定成上面的表示使用简体中文;
C、更改文件浏览的路径:
FCKConfig.LinkBrowserURL = FCKConfig.BasePath +
"filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath +
"filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/c onnector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath +
"filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/c onnector" ;
把相应的信息屏蔽掉,使用上面的
D、更改上传文件的路径
FCKConfig.LinkUploadURL = FCKConfig.BasePath +
'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath +
'filemanager/upload/simpleuploader?Type=Flash' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath +
'filemanager/upload/simpleuploader?Type=Image' ;
把相应的信息屏蔽掉,使用上面的
6. 修改 web.xml 文件,加入以下内容:
在fckeditor-java-demo-2.4.1.zip包中有个\WEB-INF\WEB.XML,把这个节点里面的内容复制到你的工程里面的相应的位置,值得说明的地方是:
四、优化
以上都是把组件嵌入进工程的配置过程,下面我们来把组件压缩优化一下,把无用的文件给剔除掉:
删除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目录下所有的文件,这些是用来浏览文件的,对于jsp的话是使用了 servlet 来处理,所以这些文件都是多余的
删除 \WebRoot\FCKeditor\editor\filemanager\upload 目录下所有的文件
删除 WebRoot\FCKeditor\editor\lang 目录下不需要的语言,如保留中文【zh-cn.js】和英文[EN.js]还有 fcklanguagemanager.js 文件
删除 \WebRoot\FCKeditor\editor\skins 目录下不需要的皮肤文件,有三种皮肤,可根据需要进行删除
五、JSP页面上的使用
★首先在输入jsp页面的页头加上标签使用语句【不需要做目录调整,已经切实可行】:<%@ taglib uri="https://www.360docs.net/doc/4d7125371.html," prefix="FCK"%>
在页面head中加脚本:
★然后在页面的相应位置增加调用语句,对于FCK标签,里面还可以增加很多属性,当然也可以不加,注意下面粗体的地方,我下面使用了2个比较常用的属性,一个是高度的调整,另一个是组件风格
★接收参数可以这么写
<%=request.getParameter("content")%>
六、其它
1、fckconfig.js总配置文件,可用记录本打开,修改后将文件存为utf-8 编码格式。找到:
FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。
2、如果你的编辑器还用在网站前台的话,比如说用于留言本或是日记回复时,那就不得不考虑安全
了,在前台千万不要使用Default的toolbar,要么自定义一下功能,要么就用系统已经定义好的Basic,也就是基本的toolbar,找到:
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink' ,'','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replac e','Preview'] ] ;
这是改过的Basic,把图像功能去掉,把添加链接功能去掉,因为图像和链接和flash 和图像按钮添加功能都能让前台页直接访问和上传文件, fckeditor还支持编辑域内的鼠标右键功能。
FCKConfig.ContextMenu = [
'Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Che ckbox',
'Radio','TextField','HiddenField',/*'ImageButton',*/'Button','BulletedList ',
'NumberedList','TableCell','Table','Form'] ;
这也是改过的把鼠标右键的“链接、图像,FLASH,图像按钮”功能都去掉。
3、找到:FCKConfig.FontNames =
'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
加上几种我们常用的字体:
FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;
Courier New;Tahoma;Times New Roman;Verdana' ;
4、注意上传的文件名不能有中文,否则无法正常显示或链接下载。
5、精简控件,当然是文件精简而非功能精简化.进入到editor文件夹内,先把“_source”文件夹删除,这里是一些源文件,对于使用来说没什么用处。
进入images文件夹,删除smiley文件夹,些文件是放表情图标的,由于接下来我会用我自己的表情图标,先把他们的删除,当然,如果你想用这里的表情图标那就不要删掉了。退出images再进入lang文件夹内,这里的东西可以来个大清洗了,只保留fcklanguagemanager.js、zh-cn.js、en.js、zh.js这四个文件,第一个文件是语言配置文件,有了它才能和 fckconfig.js里的设置成对对应上相应的语言文件,zh-cn.js是简体中文语言包,en.js就不用说了吧,zh.js是繁体中文的。怎么样?一下子少了几百K,爽吧~
再退出lang文件夹,进入skin文件夹,如果你想使用fckeditor默认的这种奶黄色,那就把除了default文件夹外的另两个文件夹直接删除,如果想用别的,那就自己考虑了,不过我给你个建议,如果不想用默认的,那就选那个silver,因为银色也就是灰色和任何颜色配起来都不会难看,而那个office2003的皮肤,反正我是非常不喜欢的,并且图片相对也比较大,又增加了下载时间,不要!
精简的最后一步,退出skin文件夹,再进入filemanager,如果你用的不是最新版的fckeditor的话,那这里就一个文件夹 browser,新版的还有一个upload文件夹。一个个来,先进入到filemanager/browser/default/connectors/下统统删除然后再进入filemanager/upload/下,统统删除
七、解决中文图片上传后乱码问题
在Fckeditor For Java中的中文乱码主要有三个方面:
一、中文图片上传后文件名显示为乱码的情况
二、创建目录时中文为乱码的情况
三、当引用的图片为中文时,在页面中显示为红叉的情况
这种乱码情况,就我目前的感觉而言是Fckeditor的Bug,不是我们有没有配置正确的问题了,要想解决以上三个问题,需要我们修改Fckeditor的源码。
对于问题1和2我们可以把它用一个方法解决掉,使用UUID(此类位于java.util.UUID,不明白的可以查API)解决掉此问题。思路是把这些上传上来的中文名字进行随机重命名英文字符串,这样就不存在中文问题了。
由于我们无法直接修改FckEditor,所以需要我们重写ConnectorServlet这个Servlet文件,我们在我们的项目里面新建一个Class文件,命名为ConnectorServle t,直接把net.fckeditor. connector.ConnectorServlet的内容copy过来。另外需要修改web.xml文件把servlet的指向定位到我们自己重写的Servlet
假如我们把我们新建的ConnectorServlet放在包test.fckeditor下面,则WEB.XML需要把:
net.fckeditor.connector.ConnectorServlet
改成
test.fckeditor.ConnectorServlet
其他保持不变就即可!
在我们copy后会出现一个报错,说是Messages这个找不到,我们使用Eclipse的修复功能导入net.fckeditor.connector.Messages这个包就可以了。
下面我们开始修改这个Servlet,解决我们上述的三个中文乱码问题。
第一个问题:找到doPost方法中的try...catch语句块。在try前面增加这么一行语句:upload.setHeaderEncoding("UTF-8");
在这里我们对于这个upload进行编码,解决中文问题。到这里对于项目进行重新布署就会发现再上传中文名字的图片就不会显示为乱码了。
第二个问题:找到doGet方法中的
String newFolderStr = UtilsFile.sanitizeFolderName(request
.getParameter("NewFolderName"));
修改为:
String tempStr = request.getParameter("NewFolderName");
tempStr = new String(tempStr.getBytes("iso8859-1"),"utf-8");
String newFolderStr = UtilsFile.sanitizeFolderName(tempStr);
在原来的代码中没有对rerquest的数据进行重新编码,所以遇到中文就会出现乱码!
第三个问题:其实有两种解决方法,一是修改服务器的URL编码,但是修改服务器的话,在我们自己的电脑上比较方便,如果是我们要放到自己买的空间中就不容易了。另外如果修改了服务器的编码,可能影响到其它项目。所以这种方法就不写了
二是我们使用UUID对上传的文件进行重命名成英文字条串。
找到doPost中的try语句块中的第一个if 即:
if (!ExtensionsHandler.isAllowed(resourceType, extension))
ur = new UploadResponse(UploadResponse.SC_INV ALID_EXTENSION);
在这段代码前面添加下面的一行语句:
filename = UUID.randomUUID().toString()+"."+extension; //extension为扩展名,在上文中得到的
这样我们的三个问题都解决了。如果我们做了第三步,那第一个修改也就没有什么作用了,所以使用的话,只进行二三步就OK了。
八、Fckeditor类说明
引用方法:
如上面内容所示,通过新建一个Fckeditor对象,然后调用该对象的设置方法来设置Fckeditor的各个属性,最后调用Fckeditor的ReplaceTextarea()替换HTML页面中的
下面是用来在页面中建立编辑器的FCKEDITOR 类的说明
(1) 构造器:
Fckeditor(instanceName[,width,height,toolbarSet,value])
instanceName:编辑器的唯一名称(相当于ID)
WIDTH:宽度
HEIGHT:高度
toolbarSet:工具条集合的名称
value:编辑器初始化内容
(2) 属性:
instanceName:编辑器实例名
width:宽度,默认值为100%
height:高度,默认值是200
ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default
value:初始化编辑器的HTML 代码,默认值为空
BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最用相对于站点根路径的表示方法,要以/结尾
CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true
DisplayErrors:是否显示提示错误,默为true?
(3) 集合:
Config[Key]=value?
这个集合用于更改配置中某一项的值,如
oFckeditor.Config["DefaultLanguage"]="ptbr"?
(4) 方法:
Create()
建立并输出编辑器
RepaceTextArea(TextAreaName)
用编辑器来替换对应的文本框
5.如何配置FCKEDITOR
FCKEDITOR 提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVASCRIPT 语法.修改后,在建立编辑器时,可以使用以下语法:
varoFckeditor=newFckeditor('Fckeditor1')?
oFckeditor.Config['CustomConfigurationsPath']='/myconfig.js'?
oFckeditor.Create()?
提醒:当你修改配置后,请清空浏览器缓存以查看效果
配置选项:
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=""字体大小中的字号列表
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 标记__
6.自定义样式列表
FCKEDITOR 的样式工具栏中提供了预定义的样式,样式是通过XML 文件定义的,默认的XML 样式文件存在于Fckeditor 根文件夹下的FckStyls.xml 文件中
这个XML 文件的结构分析如下:
每一个STYLE 标记定义一种样式,NAME 是显示在下拉列表中的样式名,ELEMENT 属性指
定此样式所适用的对象,因为FCKEDITOR 中的样式是上下文敏感的,也就是说,选择不同的对象,仅会显示针对这类对象定义的样式
FCKEDITOR_API使用详解
FCKeditor API使用详解 2009-04-2614:46 利用Javascript取和设FCKeditor值也是非常容易的,如下: //获取编辑器中HTML内容 function getEditorHTMLContents(EditorName){ var oEditor=FCKeditorAPI.GetInstance(EditorName); return(oEditor.GetXHTML(true)); } //获取编辑器中文字内容 function getEditorTextContents(EditorName){ var oEditor=FCKeditorAPI.GetInstance(EditorName); return(oEditor.EditorDocument.body.innerText); } //设置编辑器中内容 function SetEditorContents(EditorName,ContentStr){ var oEditor=FCKeditorAPI.GetInstance(EditorName); oEditor.SetHTML(ContentStr); } FCKeditorAPI是FCKeditor加载后注册的一个全局对象,利用它我们就可以完成对编辑器的各种操作。 在当前页获得FCK编辑器实例: var Editor=FCKeditorAPI.GetInstance('InstanceName'); 从FCK编辑器的弹出窗口中获得FCK编辑器实例: var Editor=window.parent.InnerDialogLoaded().FCK; 从框架页面的子框架中获得其它子框架的FCK编辑器实例: var Editor= window.FrameName.FCKeditorAPI.GetInstance('InstanceName'); 从页面弹出窗口中获得父窗口的FCK编辑器实例: var Editor=opener.FCKeditorAPI.GetInstance('InstanceName'); 获得FCK编辑器的内容: oEditor.GetXHTML(formatted);//formatted为:true|false,表示是否按HTML格式取出 也可用: oEditor.GetXHTML();
FCKeditor编辑器漏洞利用
FCKeditor编辑器页/查看编辑器版本/查看文件上传路径FCKeditor编辑器页 FCKeditor/_samples/default.html查看编辑器版本 FCKeditor/_whatsnew.html 查看文件上传路径 fckeditor/editor/filemanager/browser/default/connectors/asp/connector.asp?Command=GetFoldersAndFiles&Type=Image&CurrentFolder=/ XML页面中第二行 “url=/xxx”的部分就是默认基准上传路径 Note:[Hell1]截至2010年02月15日最新版本为FCKeditor v2.6.6 [Hell2]记得修改其中两处asp为FCKeditor实际使用的脚本语言 FCKeditor被动限制策略所导致的过滤不严问题 影响版本: FCKeditor x.x <= FCKeditor v2.4.3脆弱描述: FCKeditor v2.4.3中File类别默认拒绝上传类型: html|htm|php|php2|php3|php4|php5|phtml|pwml|inc|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|com|dll|vbs|js|reg|cgi|htaccess|asis|sh|shtml|shtm|phtm Fckeditor 2.0 <= 2.2允许上传asa、cer、php2、php4、inc、pwml、pht后缀的文件 上传后 它保存的文件直接用的¥sFilePath = ¥sServerDir . ¥sFileName,而没有使用¥sExtension为后缀直接导致在win下在上传文件后面加个.来突破[未测试] 而在apache下,因为"Apache文件名解析缺陷漏洞"也可以利用之,详见"附录A" 另建议其他上传漏洞中定义TYPE变量时使用File类别来上传文件,根据FCKeditor的代码,其限制最为狭隘。攻击利用: 月末分享 h t t p ://w w w .y u e m o b a r .c o m
FCKeditor文本编辑器的使用方法
FCKeditor是目前最好的html文本编辑器,如果还不明白的话看了下图就知道了 效果图: 那么为什么说是FCKeditor的冰冷之心呢?这不是哗众取宠,主要是说它使用起来有点麻烦,下文就详细说明如何搞定这玩意儿。 1.FCKeditor的官方网站是: 目前最新的FCKeditor 2.4.2版本。 请在此页下载: 如图所示: 要下载FCKeditor2.4.2.zip和 https://www.360docs.net/doc/4d7125371.html,版的2个zip包。 说明: FCKeditor2.4.2.zip是其最新的Javascript文件和图片什么的; https://www.360docs.net/doc/4d7125371.html,.zip是https://www.360docs.net/doc/4d7125371.html,调用的DLL在里面。 2.分别解压后把FCKeditor2.4.2.zip里的fckeditor目录整个复制到网站中。 3.解压https://www.360docs.net/doc/4d7125371.html,.zip包后在https://www.360docs.net/doc/4d7125371.html,_2.2\bin\Debug目录里找到 FredCK.FCKeditorV2.dll。其他文件没用,把FredCK.FCKeditorV2.dll复制到我们的网站,建立一个Bin目录。
4.引用FredCK.FCKeditorV2.dll。第一步: 第二步: 5.导入工具箱。 在“工具箱”下右键
点击“选择项”。弹出如图窗口: 点击浏览,找到dll所在目录。
这时发现工具箱里多出FCKeditor控件。 6.拖拽FCKeditor到页面上
7.配置WebConfig
FCKeditor (jsp在线编辑器)配置总结
FCKeditor (jsp在线编辑器)配置总结 折腾了两天,从eWebEditor到CKeditor再到FCKeditor真是费足了劲了! 本人比较喜欢开源的,在网上狂搜一通最后被CKeditor强大的功能和华丽的界面吸引的五体投地~~,高高兴兴的下载了CKeditor,花费了半天的时间终于把CKeditor配置好了,结果一点图片发现连个上传图片的按钮都没有(~~~~(>_<)~~~~ ),原来还需要一个CKfinder插件。于是又兴冲冲的跑到官网上找CKfinder,找到最后却发现就是没有java版的!!!而且这个插件好像是要收费的,哎~真是郁闷死了。 不能用CKeditor那就用FCKeditor吧,呵呵,下面牢骚归正传: 一、首先到官网下载最新版本的 FCKeditor 2.6.5下载地址: https://www.360docs.net/doc/4d7125371.html,/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.zip FCKeditor.Java 2.6 要下的有fckeditor-java-demo-2.6.war (示例,我觉得下载这一个就够了) fckeditor-java-2.6-src.zip (源文件,如果你想看就下吧) fckeditor-java-2.6-bin.zip (我下了,但没有上) 二、(1)、把FCKeditor 2.6.5解压到WebRoot下 (2)、解压fckeditor-java-2.6-bin.zip,把文件夹中的fckeditor-java-core-2.6.jar以及lib中的所有jar 包拷贝到你的web程序的lib中,fckeditor-java-demo-2.6.war中的slf4j-simple-1.5.8.jar也要拷进去(注意:slf4j-api和slf4j-simple的版本一定要一致)。如果你觉得麻烦,那么就从fckeditor-java-demo-2.5.war 中直接将lib文件夹下的所有jar包复制到项目的lib中,我就是这么做的。 (3)、把fckeditor-java-demo-2.6.war 中的web.xml中的servlet的配置复制到你的web程序中web.xml 中。
网站管理系统使用手册
前言: 本手册适用于师友网站群管理系统版本,根据客户需求,各模块的功能略有不同,所提供的界面图片仅供参考。 第一部分:常用操作 一、系统登录 从网站前台点击“管理登录”进入后台登录页面或直接从前台登录窗口,输入帐号和密码,点击“登录”进入系统。后台登录界面如下图示(图片仅供参考): Web方式登录窗口 二、系统界面 三、修改密码和个人资料 从系统操作主界面顶部右侧导航区点击“修改密码”和“个人资料”,打开修改密码窗口和修改个人资料的窗口。修改密码必须提供正确的原始密码。 修改登录密码界面 五、退出登录 从系统操作主界面顶部右侧的导航区点击“退出”,即可注销用户的登录信息并返回登录界面。 第二部分网站管理 一、站点管理 站点管理主要包括站点的创建、修改、删除、审核和站点的栏目管理。站点管理的主界面如下图所示: 1、创建新站点 从“站点管理”模块,点击“创建新网站”,打开创建新站点的编辑窗口。如下图所示:站点包括“主站”和“班级”网站两种类型,创建“班级”网站前,必须事先在系统管理的“班级设置”模块设置好学校的班级。 创建新站点需要指定网站的名称、网址、网站目录,选择该网站的管理员。各项目指定的内容及说明详见窗口的“使用说明”。 “本站是系统门户”只有系统管理员能够指定,并且整个系统中只能指定一个网站为“门户”,被指定为门户的网站可以接受其他网站的投稿。 “管理员”可以管理本站点下的所有栏目内容,并且可以进行站点栏目的管理。 2、修改站点信息 参见“创建新站点”功能。 3、发布与取消发布 只有发布的站点才能够接受投稿和管理。管理员可以根据需要对网站进行开通与关闭。 4、站点的删除 删除某一个站点,该站点下面的所有栏目及所有内容都将同时被删除,并且不能够恢复。请慎用此功能。对于已经有内容的站点,在不需要的时候可以先设置为“不发布”。 二、栏目管理
FCKeditor使用方法详解
FCKeditor使用方法技术详解 作者:深蓝色 QQ:76863715 本文PHPChina论坛首发 本文特为《PHP5和MySQL5 Web开发技术详解》一书编写 1、概述 FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor(如百度,阿里巴巴)。本文将通过与PHP相结合,从基本安装到高级的配置循序渐进介绍给广大PHPer。 FCKeditor官方网站:https://www.360docs.net/doc/4d7125371.html,/ FCKeditor Wiki:https://www.360docs.net/doc/4d7125371.html,/ 2、下载FCKeditor 登录FCKeditor官方站(https://www.360docs.net/doc/4d7125371.html,),点击网站右上角“Download”链接。笔者编写本文时,FCKeditor当前最新的稳定版本是2.4.3,因此我们下载此版本的zip压缩格式文档。如图1所示: 图1:下载FCKeditor 2.4.3(最新稳定版)
注意:当点击“FCKeditor_2.4.3.zip”链接后,将跳转到https://www.360docs.net/doc/4d7125371.html,网站上自动下载。如果您当前使用Linux或Unix系统,可以点击“FCKeditor_2.4.3.tar.gz”链接下载.tar.gz格式的压缩包。 3、安装FCKeditor 解压“FCKeditor_2.4.3.zip”文档到您的网站目录下,我们先假定您存放FCKeditor和调用脚本存于同一个目录下。目录结构如下图所示: 图2:网站目录结构图 fckeditor目录包含FCKeditor2.4.3程序文件。check.php用于处理表单数据。add_article.php 和add_article_js.html分别是PHP调用FCKeditor和JavaScript调用FCKeditor实例脚本文件。 3.1、用PHP调用FCKeditor 调用FCKeditor必须先载入FCKeditor类文件。具体代码如下。 接下来,我们需要创建FCKeditor实例、指定FCKeditor存放路径和创建(显示)编辑器等。具体代码如下所示(代码一般放在表单内)。 BasePath = './fckeditor/'; // 设置FCKeditor目录地址 $FCKeditor->Width='100%'; //设置显示宽度 $FCKeditor->Height='300px'; //设置显示高度的高度 $oFCKeditor->Create() ; // 创建编辑器 ?> 下面是笔者创建好的实例代码,您可将代码保存为add_article.php。
FCKeditor视频播放设置
一、分别打开:editor/js/fckeditorcode_ie.js和/editor/js/fckeditorcode_gecko.js 找到程序代码 以下是代码片段: Js代码 ||/\.swf($|#|\?)/i.test(A.src) 这段代码的主要用来判断后缀名,如果后缀名不是swf则返回,把它替换为: 以下是代码片段: Js代码 ||/\.swf($|#|\?)/i.test(A.src)||/\.mpg($|#|\?)/i.test(A.src)||/\.asf($|#|\?)/i .test(A.src)||/\.wma($|#|\?)/i.test(A.src)||/\.wmv($|#|\?)/i.test(A.src)||/\.a vi($|#|\?)/i.test(A.src)||/\.mov($|#|\?)/i.test(A.src)||/\.mp3($|#|\?)/i.test( A.src)||/\.rmvb($|#|\?)/i.test(A.src)||/\.mid($|#|\?)/i.test(A.src)||/\.flv($| #|\?)/i.test(A.src)||/\.fla($|#|\?)/i.test(A.src)||/\.mp4($|#|\?)/i.test(A.src) ||/\.rm($|#|\?)/i.test(A.src) 文件格式可以根据情况来修改,但是注意要和其他的几个地方吻合 二、打开/editor/dialog/fck_flash/fck_flash.js 1、增加程序代码,这段代码用来判断后缀名 Js代码 function WinPlayer(url){ var r, re; re = /.(avi|wmv|asf|wma|mid|mp3|mpg|flv|fla|mp4)$/i; r = url.match(re); return r; } function RealPlayer(url){ var r, re; re = /.(.rm|.ra|.rmvb|ram)$/i; r = url.match(re); return r; } function QuickTime(url){
最强悍的FckEditor下载安装配置使用全攻略中文教程
最强悍的FckEditor下载安装配置使用全攻略中文教程 FckEditor配置手册中文教程详细说明 性能 首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR 所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR 是一个别具匠心的在线编辑器,它里面融入了作者高深的面向对象的JA V ASCRIPT功力,集易用性与强大的功能与一体. .与编辑器相关的所有图像,脚本以及调用页 .语言文件 .编辑器的皮肤文件 .工具样的贴图等 这些将导致在服务器和客户端间产生相当的流量.如果有许多文件被调用,那么即便每个文件很小.也会让用户等得不耐烦. 装载顺序 从2.0版开始,编辑器按以下步骤装载资源: .基本页(就是编辑器所在页)以及装入编辑器的JS脚本 .用来建立编辑器的脚本 .编辑器的语言和皮肤. .建立编辑器. .载入预置的编辑文档内容. .从现在开始,用户可以阅读和编辑文档了,不过,拖拽支持以及工具栏都是不可用的 .载入编辑器引擎脚本 .建立工具栏,并且可用 .从现在开始,编辑器的所有功能都已经完整 .载入工具栏图标 脚本压缩 在打包任何新版本时,编辑器的JS脚本将会进行预处理.预处理步骤如下: .移除所有代码注释 .移除所有无用的空白字符. .将脚本合并成几个文件 使用上面的方法,我们可以将脚本文件的大小压缩到原来的50%. 压缩后,原始的代码仍然存在于一个名为_Source的文件夹中 如何打包? 编辑器已经自带了打包程序,它位于FCKEDITOR的根文件夹中_PACKAGER文件夹中,名为Fckeditor.Packager.exe,将其复制到FCKEDITOR根文件夹中并运行,即可自动将JS脚本打包并压缩 需要注意的是该程序是一个.NET程序,必须安装.NET FRAMEWORK才能使用
FckEditor for java2.4的JSP配置方法详解
FckEditor for java 2.4的JSP 配置方法详解 2008-08-18 14:00 由于FckEditor for java 2.4相对于2.3而言做了许多改变,这些改变使得我们的Fckeditor配置起来更方便。例如: 基础包名从:com.fredck.FCKeditor改为net.fckeditor. 文件上传SimpleUploaderServle整合到了ConnectorServlet里面,WEB,XML 的配置就简单多了,下面通过一个实例说明配置详细步骤 1、首先登陆https://www.360docs.net/doc/4d7125371.html,/download下载FCKeditor的最新版本,需要下载2个压缩包,一个是基本应用。另一个是在为在jsp下所准备的配置。 最新版本为:FckEditor2.6.3和FckEditor for java 2.4 FCKeditor 2.6.3下载地址: https://www.360docs.net/doc/4d7125371.html,/project/downloading.php 具体下载地址: https://www.360docs.net/doc/4d7125371.html,/sourceforge/fckeditor/FCKeditor_2. 6.3.zip FCKeditor for Java 下载地址: https://www.360docs.net/doc/4d7125371.html,/project/downloading.php 具体下载地址: https://www.360docs.net/doc/4d7125371.html,/sourceforge/fckeditor/fckeditor-java -2.4-bin.zip(发行版,如果需要源码或者demo包请另行下载) 请下载demo包,否则会出现留言中那位朋友的错误! 下载之后分别为:FCKeditor_2.6.3.zip 和 fckeditor-java-2.4-bin.zip (fckeditor-java-demo-2.4.war)将它们分别解压。 2、首先在MyEclipse(或者其他的IDE)下建立一个新项目例如:FckedtiorTest 即http://localhost:8080/FckeditorTest 现在将解压后的FCKeditor_2.6.3.zip 里面的fckeditor文件夹拷贝到当前的项目文件夹里面。我的demo项目目录结构如下:
网站后台使用方法
政府网站后台信息管理使用说明 一、登陆系统 各单位管理员根据信息办给定的账户密码进行登陆。后台管理地址https://www.360docs.net/doc/4d7125371.html,/jaxxbadmin/Login.aspx 登录网站后台,依次点击"内容管理"->"信息管理"功能链接,在出现的管理界面中,左侧为"网站节点"管理导航,系统以树型结构方式显示站内的节点结构与名称(简称节点树)。在右侧管理界面中,系统以分页列表方式显示了信息内容的ID、标题、录入者、点击数、推荐级别、优先级、状态、已生成和常规管理操作。"常规管理操作"列中提供了修改、删除等管理链接。如图1-1 图1-1 二、信息添加 1、在左侧"网站节点"管理导航中的相应节点名上单击鼠标右键,在出现的右键菜单中选择"添加文章"功能链接(图2-1),出现本节点的"内容添加"管理界面。带“*”为必填项(图2-2)。
图2-1 图2-2 2、基本信息管理选项中显示本信息所属节点、专题、标题前缀、标题、完整标题、副标题、标题颜色、标题字型、列表显示时是否在标题旁显示"评论"链接、关键字、作者、来源、简介、文章内容、首页图片、内容分页方式、自动分页时的每页大约字符数、推荐级别、优先级、状态、评分等级等选项内容。(图2-2)
重要参数说明 ?标题:填写所要添加的文章的标题。 ?关键字:用来显示前台相关文章中的内容,关键字相同的信息会显示在"相关文章"列表中。可输入多个关键字,中间用"|"隔开。不能出现?,.()等字符。 ? 作者:填写文章的作者。 ? 来源:填写文章来源与地址。 ?简介:填写所添加文章的简要介绍。 ?文章内容:系统提供便捷的内容编辑功能。利用系统提供的在线编辑器,可方便地编辑文章等信息内容(编辑器的使用请参阅后节"使用在线编辑器")。在内容编辑时,若要换行请按Shift+Enter键,若要另起一段请按Enter键。若勾选了内容左侧"自动下载文章内容里的图片"选项。启用此功能后,如果从其它网站上复制内容到边的编辑器中,并且内容中包含有图片,本系统会在保存文章时自动把相关图片复制到本站服务器上。系统会因所下载图片的大小而影响速度,建议图片较多时不要使用此功能。 ?首页图片:用在首页的图片文章处显示本文章的图片缩略图。利用编辑器的上传功能上传图片后,此处会自动显示首页图片地址中图片的地址;若上传了多个图片,则可直接从下拉框中选择已上传的图片。此外,系统还提供了对首页图片进行在线裁剪的功能,图片上传后点击后面的"裁剪"按钮即可对图片进行自由裁剪,以适应前台显示尺寸。 ?内容分页方式:当文中信息太多时,为防止页面过长,可以分页的方式将内容页中的信息分页显示。系统提供自动分页和手动分页二种,手动分页符标记为"NextPage",注意大小写。 ?自动分页字符数:自动分页时设置每页大约字符数(包含HTML 标记)。 ?推荐级:填写推荐级数值,数字越大推荐级越高,前台推荐列表
PHP中使用FCKeditor编辑器
PHP中使用FCKeditor编辑器 1、概述 FCKeditor 是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor(如百度,阿里巴巴)。本文将通过与 PHP相结合,从基本安装到高级的配置循序渐进介绍给广大PHPer。 FCKeditor官方网站:https://www.360docs.net/doc/4d7125371.html,/ FCKeditor Wiki:https://www.360docs.net/doc/4d7125371.html,/ 2、下载FCKeditor 登录FCKeditor官方站(https://www.360docs.net/doc/4d7125371.html,),点击网站右上角“Download”链接。 注意:当点击“FCKeditor_2.4.3.zip”链接后,将跳转到https://www.360docs.net/doc/4d7125371.html,网站上自动下载。如果您当前使用Linux或Unix系统,可以点击 “FCKeditor_2.4.3.tar.gz”链接下载.tar.gz格式的压缩包。 3、安装FCKeditor 解压“FCKeditor_2.4.3.zip”文档到您的网站目录下,我们先假定您存放FCKeditor和调用脚本存于同一个目录下。 fckeditor 目录包含FCKeditor2.4.3程序文件。check.php用于处理表单数据。add_article.php和 add_article_js.html分别是PHP调用FCKeditor和JavaScript调用FCKeditor实例脚本文件。 3.1、用PHP调用FCKeditor 调用FCKeditor必须先载入FCKeditor类文件。具体代码如下。 PHP代码: 接下来,我们需要创建FCKeditor实例、指定FCKeditor存放路径和创建(显示)编辑器等。具体代码如下所示(代码一般放在表单内)。 PHP代码:
。net下的富文本编辑器FCKeditor的配置方法(图)原创
.net下的富文本编辑器FCKeditor的配置方法(图)原创 FCKeditor是一款开源的富文本编辑器,几乎支持所有流行的Web开发语言,版本稳定,用户多,可配置性好。 以前做Java和php的时候就一直用FCKeditor,现在做.net了继续用。呵呵。 我用在对文章的评论页面,所以只需要少部分功能。先看看我做好的效果: 在看看官方完整功能:
第一步:软件下载和安装 下载地址:https://www.360docs.net/doc/4d7125371.html,/download 需要下载https://www.360docs.net/doc/4d7125371.html,和FCKeditor两个文件,https://www.360docs.net/doc/4d7125371.html,本身其实只是在.net中配置FCKedi tor用的,本身不包含实质内容。 我下载的是:https://www.360docs.net/doc/4d7125371.html,_2.6.3和FCKeditor_2.6.5两文件。 1. 对于FCKeditor_ 2.6.5.zip文件 解压缩后,将得到的fckeditor文件夹复制到网站的目录下面。我是放在我的样式Style下的JS目录如图:
2.对于https://www.360docs.net/doc/4d7125371.html,_2.6.3 解压https://www.360docs.net/doc/4d7125371.html,_2.6.3,该目录中包括https://www.360docs.net/doc/4d7125371.html,_2.6.3的全部代码,但是我们只要使用它编译好的部分。 ■找到其目录下的\bin\Release目录中的FredCK.FCKeditorV2.dll文件。把FredCK.FCKeditorV2.dl l添加到bin目录下。如图: ■在VS2005/2008的工具箱上新建一个名叫FCKEditor的Tab,然后在里面点右键,选择Choose It em,定位到解压https://www.360docs.net/doc/4d7125371.html,后生成的\bin\Release\2.0目录下的FredCK.FCKEditorV2.dll。该T ab下就会生成一个FCKEditor的.net组件。在vs的Design模式下把该组件拖放到界面上。 第二步:配置FCKeditor
FCKeditor中文文件上传乱码解决方案
FCKeditor文件上传乱码解决方案 1.找到Connector 找到ConnectorServlet,千万不要弄错了,不是FCKeditor-2.3.jar 当中的ConnectorServlet,而是java-core-2.4.1.jar 中的, net.fckeditor.connector.ConnectorServlet文件夹下找到ConnectorServlet,反编译,并修正错误。 2.修改web.xml 在web.xml中声明ConnectorServlet,如下,这个就是图片上传的Servlet方法,反编译后的ConnectorServlet可自行选择包来放置 3.增加fckeditor.properties
创建fckeditor.properties文件在你的src目录下面,并且添加以下内容,分别对应“路径”,“方法”以及“FLASH支持格式” 4.解决上传中文名出现乱码问题 在ConnectorServlet找到这行 在下面添加upload.setHeaderEncoding("UTF-8");这句即可(图片中已经是添加过后正确的写法) 5.解决创建中文名的目录时会出现乱码 修改tomcat的server.xml配置 如图所示,在后面加上URIEncoding=”UTF-8”即可 在ConnectorServlet 中找到newFolderStr,对其进行编码转换,如下所示即可
6.解决引用的中文名字的图片不能正常显示 在ConnectorServlet 中找到filename,获取到后缀之后只要用UUID 来对其重命名即可,如下所示即可 以上即为解决Fckeditor图片中文出现乱码问题的解决方案。 ------------------------------------------------------------- 附上更正后的ConnectorServlet源代码------------------------------------------------------------- package com.telehot.fckeditor.connector; import java.io.File; import java.io.IOException; import java.io.PrintWriter; import java.util.List; import java.util.UUID; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import https://www.360docs.net/doc/4d7125371.html,mandHandler; import net.fckeditor.handlers.ConnectorHandler;
drupal所见即所得编辑器
很多人习惯使用所见即所得编辑器,而自带的模块是没有的,需要自己安装,我们下面讲解fckeditor的安装过程,同时演示Drupal如何安装模块。fckeditor是一种所见即所得的编辑器,使用比较广泛,之所以选择这个编辑器是为了以后整合图片上传容易。 第一步,下载所需文件。需要下载两个软件包,一个是整合fckeditor到Drupal的插件, 一个是fckeditor的文件包。 fckeditor插件: fckeditor的文件包: 第二步,将文件上传到服务器。按照如下步骤上传: 首先将fckeditor插件的文件包fckeditor上传到module目录下,如下图: 然后将fckeditor编辑器的所有文件放到module/fckeditor/fckeditor目录下 这样就完成了文件上传 第三步。启用插件 登陆Drupal,进入 Adminster——〉module 会看到在插件管理中多出了我们刚刚上传的fckeditor(如下图),选中它,然后保存设置。
第四步,设置 fckeditor编辑器。 安装好FCK编辑器以后需要设置,在以下位置进入FCK管理界面: FCK的参数设置界面如下图所示:
主要设置FCK的配置文件即可,默认的有两个,分别对应anonymous用户组和authenticated 用户组,如果你新建了其他用户组可以建立对应的配置文件。因为游客一般没有编辑权限,我们设置好authenticated用户组即可。设置之前先要在User management——>Permissions 中把authenticated user的access fckeditor权限勾上,否则authenticated用户组无法使用FCK,也就无法将配置文件与其关联了。关于权限的详 细说明我们会在后面的文章中专门介绍。 点击Advanced配置文件后面的edit开始编辑此配置文件,主要设置如下内容: 第一部分设置配置文件名称,关联的用户组和是否允许用户自定义工具条:
在asp中fckeditor的使用手册范本
使用手册 .基本页(就是编辑器所在页)以及装入编辑器的JS脚本 .用来建立编辑器的脚本 .编辑器的语言和皮肤. .建立编辑器. .载入预置的编辑文档容. .从现在开始 ,用户可以阅读和编辑文档了,不过,拖拽支持以及工具栏都是不可用的 .载入编辑器引擎脚本 .建立工具栏,并且可用 .从现在开始,编辑器的所有功能都已经完整 .载入工具栏图标 脚本压缩 在打包任何新版本时,编辑器的JS脚本将会进行预处理.预处理步骤如下: .移除所有代码注释 .移除所有无用的空白字符. .将脚本合并成几个文件 使用上面的方法,我们可以将脚本文件的大小压缩到原来的50%. 压缩后 ,原始的代码仍然存在于一个名为_Source的文件夹中 如何打包? 编辑器已经自带了打包程序,它位于FCKEDITOR的根文件夹中_PACKAGER文件夹中,名为Fckeditor.Packager.exe,将其复制到FCKEDITOR根文件夹中并运行,即可自动将JS脚本打包并压缩 需要注意的是该程序是一个.NET程序,必须安装.NET FRAMEWORK才能使用 想要获取支持? 如果你捐赠15000欧元,你就可以获得1年的免费技术支持(比较贵的说,相当于人民币15万,不过西欧的费用相当惊人) 如何安装? 1.下载最新版的FCKEDITOR 2.解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出 FCKEDITOR的位置) 3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问:
猜后台+手工注入+留言板XSS+Fckeditor漏洞的利用
今看到一大牛的教程。。猜后台+手工注入+留言板XSS+Fckeditor漏洞的利用。。 没有打码。。我没事进去看看。发现有些漏洞依然存在。。。那我就用自己的方法演示一次吧。。嘿嘿 目标站: https://www.360docs.net/doc/4d7125371.html, 打开主页。。 因为这网站好像都在TEA目录下。。那我们用御剑扫这目录 竟然扫不出一个目录。。。。。那就自己想办法找目录了。。 奇怪。。为什么御剑扫不出来。。像我这样的菜鸟。解释不了。。
弱口令进不去。。。社工小菜只懂皮毛就不试了。。。转为前台看看。。。有个在线留言。。我们试试XSS 不行。。看看有没有注入点。。。 https://www.360docs.net/doc/4d7125371.html,/tea/jcb_cpzs.asp?action=viewaction&id=284’
出错了。。说明是ACCSSE数据库。。继续。。 https://www.360docs.net/doc/4d7125371.html,/tea/jcb_cpzs.asp?action=viewaction&id=284+and+1=1 回显正常继续 and 1=2 回显不正常。。。说明可以注入。。。。接下来猜字段数 +order+by+10 正常+order+by+15出错。。。+order+by+14正常 说明有14个字段我们接下来猜表名。。 +union+select+1,2,3,4,5,6,7,8,9,10,11,12,13,14+from+admin 说明admin表存在。。。。我们继续猜列名。。。我们之前不是已经知道后台登陆地址么进去。。查看源文件
id="name" id="pwd" 这样就知道列名了。嘿嘿 +union+select+1,2,3,4,name,6,7,8,9,10,11,12,13,14+f rom+admin +union+select+1,2,3,4,pwd,6,7,8,9,10,11,12,13,14+fr om+admin
百度UEditor使用详解
百度UEditor使用详解(作者:老卢https://www.360docs.net/doc/4d7125371.html,) 相关视频教程下载:https://www.360docs.net/doc/4d7125371.html, 当我们还在使用FCKeditor时候,百度已经悄悄开发出了一套比它更强大的文本编辑器ueditor,专为中国人打造,请看--------: web文本编辑器被广泛的使用在论坛,留言系统,微博等网站,凡是用户能发布文字的网站,几乎到会使用到文本编辑器,老卢今天给大家介绍一款中国人自己开放的开源文本编辑器,全球最大中文搜索引擎--百度推出的UEditor。Ueditor 是由百度web前端研发部开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和使用代码.详细可参见网站: https://www.360docs.net/doc/4d7125371.html,/index.html。最新版1.1.7,可以在JSP,PHP,ASP等网站使用。 好,现在跟老卢来看看如何使用:以JSP网站为例 1下载ueditor 访问这个网址:https://www.360docs.net/doc/4d7125371.html,/index.html,找到下载 然后下载ueditor1.1.7.zip或者其他的版本 2 解压后我们会看到6个文件夹和3个js文件以及一个更新日志文本 其中: 官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示:_examples:编辑器完整版的示例页面 _demos:编辑器的各种使用案例 dialogs:弹出对话框对应的资源和JS文件 themes:样式图片和样式文件 server:涉及到服务器端操作的PHP、JSP等文件 third-party:第三方插件 editor_all.js:_src目录下所有文件的打包文件 editor_all_min.js:editor_all.js文件的压缩版,建议在正式部署时才采用editor_config.js:编辑器的配置文件,建议和编辑器实例化页面置于同一目录 3 在你的web工程或网站根目录下,新建一个名称叫ueditor文件夹。复制所有这些文件夹和js到这个文件夹 到此准备工作完成 4 在JSP页面包含所需要的JS和css