在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.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问:
注意:你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是
最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath参数,如下所示:
oFckeditor.BasePath="/Components/fckeditor/";
另外,FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布中删除.它们并不是编辑器运行时必需的
如何将FCKEDITOR整合进我的页面?
由于目前的版本提供的FCKEDITOR仅提供了JAVASCRIPT式的整合,因此,这里仅讲述如何应用JAVASCRIPT来整合FCKEDITOR 到站点中,当然,其他各种语言的整合,你可以参考_samples文件夹中的例子来完成
1,假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入 JAVASCRIPT整合模块.例如:
其中路径是可更改的
2,现在,FCKEDITOR类已经可以使用了.有两个方法在页面中建立一个FCKEDITOR编辑器:
方法1:联方式(建议使用):在页面的FORM标记需要插入编辑器的地方置入以下代码:
script type="text/javascript">
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.Create() ;
方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.ReplaceTextarea() ;
}
3.现在,编辑器可以使用了
FCKEDITOR类参考:
下面是用来在页面中建立编辑器的FCKEDITOR类的说明
构造器:
FCKeditor( instanceName[, width, height, toolbarSet, value] )
instanceName:编辑器的唯一名称(相当于ID)
WIDTH:宽度
HEIGHT:高度
toolbarSet:工具条集合的名称
value:编辑器初始化容
属性:
instanceName:编辑器实例名
width:宽度,默认值为100%
height:高度,默认值是200
ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default
value:初始化编辑器的HTML代码,默认值为空
BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾
CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true
DisplayErrors:是否显示提示错误,默为true;
集合:
Config[Key]=value;
这个集合用于更改配置中某一项的值,如
oFckeditor.Config["DefaultLanguage"]="pt-br";
方法:
Create()
建立并输出编辑器
RepaceTextArea(TextAreaName)
用编辑器来替换对应的文本框
如何配置FCKEDITOR?
FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js
你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVASCRIPT语法.
修改后,在建立编辑器时,可以使用以下语法:
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.Config['CustomConfigurationsPath'] = '/myconfig.js' ;
oFCKeditor.Create() ;
提醒:当你修改配置后,请清空浏览器缓存以查看效果
配置选项:
AutoDetectLanguage=true/false 自动检测语言
Basehref="" _fcksavedurl="""" 相对的基地址
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=4 TAB键产生的空格字符数
ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏
ToolbarSets=object 允许使用TOOLBAR集合
ToolbarStartExpanded=true/false 开启是TOOLBAR是否展开UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记
如何自定义样式列表呢?
FCKEDITOR的样式工具栏中提供了预定义的样式,样式是通过XML文件定义的,默认的XML样式文件存在于FCkEditor根文件夹下的 FckStyls.xml文件中
这个XML文件的结构分析如下:
每一个STYLE标记定义一种样式,NAME是显示在下拉列表中的样式名,ELEMENT属性指定此样式所适用的对象,因为FCKEDITOR中的样式是上下文敏感的,也就是说,选择不同的对象,仅会显示针对这类对象定义的样式
拼写检查
FCKEDITOR 带了两种拼写检查工具,一种是ieSpell,默认情况下使用这种,使用这种方式的拼写检查,要求客户下载并安装iespell这个小软件,另外,也提供 SpellPager的方式来进行拼写检查,不过,由于SPELLPAGER是由PHP编写的服务器端脚本,因此,要求你的WEB服务器必须支持PHP脚本语言方可
更改拼写检查器的方式请参见有关配置文件的详细说明
压缩脚本
为了提供脚本载入的效率,FCKEDITOR采用以下方法对脚本尽量压缩以减少脚本尺寸:
1,移除掉脚本中的注释
2.移除掉脚本中所有无意义的空白
另外,FCKEDITOR还提供了一个专门用于压缩脚本的工具以便你在发布时能减小文件尺寸, 你可以将_Packager文件夹中的Fckeditor.Packager.exe复制到FCKEDITOR根文件夹来运行并压缩脚本
本地化FCKEDITOR
如果FCKEDITOR没有提供您所需要的语言(实际上全有了),你也可以自行制作新的语言
,你只需要复制出EN.JS,然后在其基础上进行翻译.另外,语言名称与对应的脚本文件名必须遵循RFC 3066标准,但是,需要小写,例如:Portuguess Language对应的脚本文件名必须为pt.js
如果需要针对某个国家的某种语系,则可以在语系缩写后加上横线及国家缩写即可
在使用时,系统会自动侦测客户端语系及国别而运用适当的界面语言.
当建立一种新的语言后,你必须在"Edit/lang/fcklanguagemanager.js"中为其建立一个条目,如下所示:
FCKLanguageManager.AvailableLanguages =
{
en : 'English',
pt : 'Portuguese'
}
需要提醒的是,文件必须保存为UTF-8格式
如何与服务器端脚本进行交互?
请查看例子以得到相关容
另外,在https://www.360docs.net/doc/833689804.html,中以以下步骤使用
1.把FCKEDITOR添中到工具箱
2.托拽FCKEDITOR控件到页面
3.为其指定名称
4.FCKEDITOR 类的所有属性不光可以在代码中使用,而且可以作为FCKEDITOR控件的属性直接使用,例如,要改变皮肤,可以在UI页面中指定SkinPath= "/fckeditor/editor/skins/office2003"即可,其实FCKEDITOR的https://www.360docs.net/doc/833689804.html,版本可以做得更好,你可以找到 FCKEDITOR https://www.360docs.net/doc/833689804.html, 2.1的源文件,然后修改该控件的设计,为其暴露更多有用的属性,重新编译即可
5,POSTBACK后的数据,使用FCKEDITOR控件的value属性获得
6. 由于默认状态下,https://www.360docs.net/doc/833689804.html,不允许提交含有HTML及JAVASCRIPT的容,因此,你必须将使用FCKEDITOR的页面的 ValidateRequest设为false.(<%page validteRequest="false" %>即可)
--------------------------------------------------------
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/833689804.html,版的2个zip包。 说明: FCKeditor2.4.2.zip是其最新的Javascript文件和图片什么的; https://www.360docs.net/doc/833689804.html,.zip是https://www.360docs.net/doc/833689804.html,调用的DLL在里面。 2.分别解压后把FCKeditor2.4.2.zip里的fckeditor目录整个复制到网站中。 3.解压https://www.360docs.net/doc/833689804.html,.zip包后在https://www.360docs.net/doc/833689804.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/833689804.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/833689804.html,/ FCKeditor Wiki:https://www.360docs.net/doc/833689804.html,/ 2、下载FCKeditor 登录FCKeditor官方站(https://www.360docs.net/doc/833689804.html,),点击网站右上角“Download”链接。笔者编写本文时,FCKeditor当前最新的稳定版本是2.4.3,因此我们下载此版本的zip压缩格式文档。如图1所示: 图1:下载FCKeditor 2.4.3(最新稳定版)
注意:当点击“FCKeditor_2.4.3.zip”链接后,将跳转到https://www.360docs.net/doc/833689804.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/833689804.html,/download下载FCKeditor的最新版本,需要下载2个压缩包,一个是基本应用。另一个是在为在jsp下所准备的配置。 最新版本为:FckEditor2.6.3和FckEditor for java 2.4 FCKeditor 2.6.3下载地址: https://www.360docs.net/doc/833689804.html,/project/downloading.php 具体下载地址: https://www.360docs.net/doc/833689804.html,/sourceforge/fckeditor/FCKeditor_2. 6.3.zip FCKeditor for Java 下载地址: https://www.360docs.net/doc/833689804.html,/project/downloading.php 具体下载地址: https://www.360docs.net/doc/833689804.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/833689804.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/833689804.html,/ FCKeditor Wiki:https://www.360docs.net/doc/833689804.html,/ 2、下载FCKeditor 登录FCKeditor官方站(https://www.360docs.net/doc/833689804.html,),点击网站右上角“Download”链接。 注意:当点击“FCKeditor_2.4.3.zip”链接后,将跳转到https://www.360docs.net/doc/833689804.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/833689804.html,/download 需要下载https://www.360docs.net/doc/833689804.html,和FCKeditor两个文件,https://www.360docs.net/doc/833689804.html,本身其实只是在.net中配置FCKedi tor用的,本身不包含实质内容。 我下载的是:https://www.360docs.net/doc/833689804.html,_2.6.3和FCKeditor_2.6.5两文件。 1. 对于FCKeditor_ 2.6.5.zip文件 解压缩后,将得到的fckeditor文件夹复制到网站的目录下面。我是放在我的样式Style下的JS目录如图:
2.对于https://www.360docs.net/doc/833689804.html,_2.6.3 解压https://www.360docs.net/doc/833689804.html,_2.6.3,该目录中包括https://www.360docs.net/doc/833689804.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/833689804.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/833689804.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/833689804.html, 打开主页。。 因为这网站好像都在TEA目录下。。那我们用御剑扫这目录 竟然扫不出一个目录。。。。。那就自己想办法找目录了。。 奇怪。。为什么御剑扫不出来。。像我这样的菜鸟。解释不了。。
弱口令进不去。。。社工小菜只懂皮毛就不试了。。。转为前台看看。。。有个在线留言。。我们试试XSS 不行。。看看有没有注入点。。。 https://www.360docs.net/doc/833689804.html,/tea/jcb_cpzs.asp?action=viewaction&id=284’
出错了。。说明是ACCSSE数据库。。继续。。 https://www.360docs.net/doc/833689804.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/833689804.html,) 相关视频教程下载:https://www.360docs.net/doc/833689804.html, 当我们还在使用FCKeditor时候,百度已经悄悄开发出了一套比它更强大的文本编辑器ueditor,专为中国人打造,请看--------: web文本编辑器被广泛的使用在论坛,留言系统,微博等网站,凡是用户能发布文字的网站,几乎到会使用到文本编辑器,老卢今天给大家介绍一款中国人自己开放的开源文本编辑器,全球最大中文搜索引擎--百度推出的UEditor。Ueditor 是由百度web前端研发部开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和使用代码.详细可参见网站: https://www.360docs.net/doc/833689804.html,/index.html。最新版1.1.7,可以在JSP,PHP,ASP等网站使用。 好,现在跟老卢来看看如何使用:以JSP网站为例 1下载ueditor 访问这个网址:https://www.360docs.net/doc/833689804.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