华为云网站备案流程,网络建设费是什么,分享型网站建设,模具加工东莞网站建设技术支持参考一首先到#xff1a;http://www.fckeditor.net去下载FCKeditor放到网站根目录。精简说明:删除所有_开头的文件和文件夹删除语言包中除中文和英文以外的语言删除skin目录下除默认皮肤以外的文件夹filemanager/browser/default/connectors/目录下除php以外的文件…参考一首先到http://www.fckeditor.net去下载FCKeditor放到网站根目录。精简说明:删除所有_开头的文件和文件夹删除语言包中除中文和英文以外的语言删除skin目录下除默认皮肤以外的文件夹filemanager/browser/default/connectors/目录下除php以外的文件filemanager/upload/目录下除php以外的文件表情文件夹及表情按钮配置说明:fckeditor.php :BasePath为默认Fckeditor的目录,也可以在调用的时候指定.fckconfig.js :AutoDetectLanguage 建议关闭,在DefaultLanguage中手动指定默认语言zh-cn.ToolbarSets FCKeditor的功能按纽,可自行定制._FileBrowserLanguage,_QuickUploadLanguage 指定文件浏览及上传使用的语言我指定php.editor\filemanager\browser\default\connectors\php\config.phpeditor\filemanager\upload\php\config.php$Config[Enabled] 是否允许上传$Config[UserFilesPath] 默认上传路径可以更改但必须在相应的目录下建这个名称的目录。配置 FCKeditor的toolbar功能按钮可以很容易地进行定制你可以依据你的需要在FCKeditor的配置文件FCKeditor\fck_config.js中进行定制增加类似config.ToolbarSets[name] [ ][ ]; (这里中括号里面的内容自定)使用时只需把$oFCKeditor-ToolbarSet Default 改为$oFCKeditor-ToolbarSet name 即可。工具栏功能说明功能名称含义功能名称含义EditSource显示HTML源代码StrikeThrough删除线Save保存Subscript下标NewPage新建空白页面Superscript上标Preview预览JustifyLeft左对齐Cut剪切JustifyCenter居中对齐Copy复制JustifyRight右对齐Paste粘贴JustifyFull两端对齐PasteText纯文本粘贴InsertOrderedList自动编号PasteWord来自Word的粘贴InsertUnorderedList项目符号Print打印Outdent减少缩进SpellCheck拼写检查Indent增加缩进Find查找ShowTableBorders显示表格线Replace替换ShowDetails显示明细Undo撤销Form添加Form动作Redo还原Checkbox复选框SelectAll全选Radio单选按钮RemoveFormat去除格式Input单行文本框Link插入/编辑 链接Textarea滚动文本框RemoveLink去除连接Select下拉菜单Anchor锚点Button按钮Image插入/编辑 图片ImageButton图片按钮Table插入/编辑 表格Hidden隐藏Rule插入水平线Zoom显示比例SpecialChar插入特殊字符FontStyleAdv系统字体UniversalKey软键盘FontStyle字体样式Smiley插入表情符号FontFormat字体格式About关于Font字体Bold粗体FontSize字体大小Italic斜体TextColor文字颜色Underline下划线BGColor背景色使用方法test.php文件?phpinclude_once (FCKeditor/fckeditor.php);$sBasePathhttp://127.0.0.1/FCKeditor/;$oFCKeditor newFCKeditor(input);$oFCKeditor-BasePath$sBasePath;$oFCKeditor-Width100%;$oFCKeditor-Height100px;$ofCKeditor-ToolbarSetDefault;$oFCKeditor-ValueHello World!;echo$oFCKeditor-CreateHtml();?action.php文件if ( isset( $_POST ) )$postArray $_POST ;foreach ($postArray as $sForm $value ){$postedValue htmlspecialchars( stripslashes( $value ) ) ;echo $postedValue;//另外的处理语句。?}///参考二PHP中使用FCKeditor2.3.2配置FCKeditor2.3.2在线编辑器非常好用完全支持文件上传。今天baidu了一下午终于搞定了。 下载FCKeditor2.3.2解压至FCKeditor。1首先删除不必要的文件节省空间。凡是以_开头的文件如_samples_testcases和一些用不到的.asp、.jsp、.cfm文件统统干掉。2修改fckconfig.jsFCKConfig.AutoDetectLanguage true ;//是否自动检测语言FCKConfig.DefaultLanguage   zh-cn ;//设置语言FCKConfig.SkinPath FCKConfig.BasePath skins/default/ ;//设置皮肤FCKConfig.TabSpaces 1 ;//tab是否有效FCKConfig.ToolbarStartExpanded true ;//编辑工具条是否出现等点“展开工具栏”时才出现FCKConfig.FontNames   宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana ;//添加中文字体修改FCKeditor\editor\css\fck_editorarea.css设置默认字体及大小body, td{font-family: Arial, Verdana, Sans-Serif;font-size: 14px;}3关于文件上传的设置修改fckconfig.jsvar _FileBrowserLanguage php ; // asp | aspx | cfm | lasso | perl | phpvar _QuickUploadLanguage php ; // asp | aspx | cfm | lasso | php修改fckeditor\editor\filemanager\browser\default\connectors\php$Config[Enabled] true ;$Config[UserFilesPath] /UserFiles/ ;//设置上传的文件夹可自己指定修改fckeditor\editor\filemanager\upload\php$Config[Enabled] true ;$Config[UseFileType] true ;$Config[UserFilesPath] /UserFiles/ ;//同上要一样4引入在线编辑器时只需include(fckeditor/fckeditor.php) ;$oFCKeditor new FCKeditor(FCKeditor1) ;//实例化$oFCKeditor-BasePath fckeditor/;//这个路径一定要和上面那个引入路径一致否则会报错:找不到fckeditor.html页面//$oFCKeditor-Value ;$oFCKeditor-Width 100% ;$oFCKeditor-Height 300 ;$oFCKeditor-Create() ;?JS用alert( FCKeditorAPI.GetInstance(FCKeditor1).GetXHTML( true ))得到FCKeditor1的值PHP用$_POST[FCKeditor1]得到FCKeditor1的值。参考三FCKeditor是sourceforge.net上面的一个开源项目主要是实现在线网页编辑器的功能官方网站为http://www.fckeditor.net 在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言并且支持IE 5、Mozilla 、Netscape等主流浏览器。目前最新版本为2.0 Beta 2但是目前2.0 Beta版还不支持PHP所以这里我选择使用了1.6版本。首先我们先到http://sourceforge.net/projects/fckeditor/ 下载FCKeditor_1.6.zip并将其解压缩到你的网站子目录里面并将文件夹名改为FCKeditor。进入到FCKeditor/目录下打开_test/目录里面含有各种编程语言调用FCKeditor的方法其中与PHP有关的文件有2个文件test.php //提交数据页面testsubmit.php //显示数据页面大家可以看一下了解FCKeditord的调用方法下面是我简写了一个test程序if($_POST[ADD]){$Content$_POST[EditorDefault];echo $Content;//变量$Content就是我们在FCKeditord里面编辑的内容这里可以将其保存到数据库里面}?//引入在线编辑器include(../FCKeditor/fckeditor.php) ;?$oFCKeditor new FCKeditor ;// FCKeditor所在目录,[b:91beb51adf]这个路径一定要和上面那个引入路径一致否则会报错:找不到fckeditor.html页面[/b:91beb51adf]$oFCKeditor-BasePath ../FCKeditor/ ;// 将FCKeditor实例化$oFCKeditor-CreateFCKeditor( EditorDefault, 100%, 300 ) ;?从上面的例子中我们可以看到要使用FCKeditor首先要执行include(../FCKeditor/fckeditor.php) ;语句来引用FCKeditor。然后执行$oFCKeditor new FCKeditor ;$oFCKeditor-BasePath ../FCKeditor/ ;$oFCKeditor-CreateFCKeditor( EditorDefault, 100%, 300 ) ;来实例化FCKeditor如果是编辑页面则再加入一行//$Content可以是从数据库中读取出来的数据$oFCKeditor-Value $Content ;默认情况下上传图片功能仅对应于ASP方式要想实现在PHP下上传文件还得对FCKeditor的配置文件进行修改。打开/ FCKeditor/js/fck_config.js(这是FCKeditor的主配置文件)定位到文件的最下面那段被//注释掉的内容将//##//## Image Browsing//##config.ImageBrowser true ;// Custom Page URLconfig.ImageBrowserURL config.BasePath filemanager/browse/sample_html/browse.html ;//config.ImageBrowserURL config.BasePath filemanager/browse/sample_php/browse.php ;//config.ImageBrowserURL config.BasePath filemanager/browse/sample_jsp/browse.jsp?typeimg ;//config.ImageBrowserURL config.BasePath filemanager/browse/sample_asp/browse.asp ;//##//## Image Upload//##config.ImageUpload true ;// Page that effectivelly upload the image.config.ImageUploadURL config.BasePath filemanager/upload/asp/upload.asp ;//config.ImageUploadURL config.BasePath filemanager/upload/aspx/upload.aspx ;//config.ImageUploadURL config.BasePath filemanager/upload/cfm/upload.cfm ;//config.ImageUploadURL config.BasePath filemanager/upload/php/upload.php ;//config.ImageUploadURL config.BasePath filemanager/upload/jsp/upload.jsp ;改为//##//## Image Browsing//##config.ImageBrowser true ;// Custom Page URL config.ImageBrowserURL filemanager/browse/sample_html/browse.html ;config.ImageBrowserURL config.BasePath filemanager/browse/sample_php/browse.php ;//##//## Image Upload//##config.ImageUpload true ;// Page that effectivelly upload the image.config.ImageUploadURL config.BasePath filemanager/upload/php/upload.php ;最后再修改2个文件/FCKeditor/filemanager/upload/php/upload.php第22行$UPLOAD_BASE_URL /userimages/;/FCKeditor/filemanager/browse/sample_php/browse.php第20行$IMAGES_BASE_URL /FCKeditor/userimages/;这两处定义了图片上传到哪个目录可以自行定义不过一定要确保该目录存在不然上传图片时会报错。然后我们把FCKeditor目录下的用不到的.asp、.jsp、. cfm文件和_test、_ aspnet、_developers、_docs、_jsp目录都删掉以节省空间。好啦FCKeditor的基本使用方法就讲到这里大家感兴趣的话可以到我的网站来看看效果http://www.shaof.com 。补充在FCKeditor官方的网站注明FCKeditor目前支持3种浏览器IE5,Mozilla and Netscape。但在实验中发现使用IE5.0是不支持图片上传功能只有将IE升级到5.5或者6.0才能支持图片上传功能。而对于刚出的Mozilla Firefox 1.0 RC1以及Mozilla1.6(Linux环境),则完全无法使用FCKeditor。以下是使用IE5.0和IE6.0时的截图。FCKeditor截图使用IE5.0时看不到“上传”提示SATAND 回复于2004-10-31 17:28:06粗读了js文件可扩展性还好但是功能有限放弃作为纪念品收藏参考四在线编辑器FCKeditor在PHP中的使用方法在线编辑器FCKeditor在PHP中的使用方法 (转帖)原作者:tjyihui 出处: phpx.comFCKeditor是sourceforge.net上面的一个开源项目主要是实现在线网页编辑器的功能官方网站为http://www.fckeditor.net 在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言并且支持IE 5、Mozilla 、Netscape等主流浏览器。目前最新版本为2.0 Beta 2但是目前2.0 Beta版还不支持PHP所以这里我选择使用了1.6版本。下面是FCKeditor的一个截图首先我们先到http://sourceforge.net/projects/fckeditor/ 下载FCKeditor_1.6.zip并将其解压缩到你的网站子目录里面并将文件夹名改为FCKeditor。进入到FCKeditor/目录下打开_test/目录里面含有各种编程语言调用FCKeditor的方法其中与PHP有关的文件有2个文件test.php          //提交数据页面testsubmit.php     //显示数据页面大家可以看一下了解FCKeditord的调用方法下面是我简写了一个test程序if($_POST[ADD]){$Content$_POST[EditorDefault];echo $Content;//变量$Content就是我们在FCKeditord里面编辑的内容这里可以将其保存到数据库里面}?//引入在线编辑器include(../FCKeditor/fckeditor.php) ;?$oFCKeditor new FCKeditor ;// FCKeditor所在目录$oFCKeditor-BasePath ../FCKeditor/ ;// 将FCKeditor实例化$oFCKeditor-CreateFCKeditor( EditorDefault, 100%, 300 ) ;?从上面的例子中我们可以看到要使用FCKeditor首先要执行include(../FCKeditor/fckeditor.php) ;语句来引用FCKeditor。然后执行$oFCKeditor new FCKeditor ;$oFCKeditor-BasePath ../FCKeditor/ ;$oFCKeditor-CreateFCKeditor( EditorDefault, 100%, 300 ) ;来实例化FCKeditor如果是编辑页面则再加入一行//$Content可以是从数据库中读取出来的数据$oFCKeditor-Value $Content ;默认情况下上传图片功能仅对应于ASP方式要想实现在PHP下上传文件还得对FCKeditor的配置文件进行修改。打开/ FCKeditor/js/fck_config.js(这是FCKeditor的主配置文件)定位到文件的最下面那段被//注释掉的内容将//##//## Image Browsing//##config.ImageBrowser true ;// Custom Page URLconfig.ImageBrowserURL config.BasePath filemanager/browse/sample_html/browse.html ;//config.ImageBrowserURL config.BasePath filemanager/browse/sample_php/browse.php ;//config.ImageBrowserURL config.BasePath filemanager/browse/sample_jsp/browse.jsp?typeimg ;//config.ImageBrowserURL config.BasePath filemanager/browse/sample_asp/browse.asp ;//##//## Image Upload//##config.ImageUpload true ;// Page that effectivelly upload the image.config.ImageUploadURL config.BasePath filemanager/upload/asp/upload.asp ;//config.ImageUploadURL config.BasePath filemanager/upload/aspx/upload.aspx ;//config.ImageUploadURL config.BasePath filemanager/upload/cfm/upload.cfm ;//config.ImageUploadURL config.BasePath filemanager/upload/php/upload.php ;//config.ImageUploadURL config.BasePath filemanager/upload/jsp/upload.jsp ;改为//##//## Image Browsing//##config.ImageBrowser true ;// Custom Page URL config.ImageBrowserURL filemanager/browse/sample_html/browse.html ;config.ImageBrowserURL config.BasePath filemanager/browse/sample_php/browse.php ;//##//## Image Upload//##config.ImageUpload true ;// Page that effectivelly upload the image.config.ImageUploadURL config.BasePath filemanager/upload/php/upload.php ;最后再修改2个文件/FCKeditor/filemanager/upload/php/upload.php第22行$UPLOAD_BASE_URL /userimages/;/FCKeditor/filemanager/browse/sample_php/browse.php第20行$IMAGES_BASE_URL /FCKeditor/userimages/;这两处定义了图片上传到哪个目录可以自行定义不过一定要确保该目录存在不然上传图片时会报错。然后我们把FCKeditor目录下的用不到的.asp、.jsp、. cfm文件和_test、_ aspnet、_developers、_docs、_jsp目录都删掉以节省空间。好啦FCKeditor的基本使用方法就讲到这里大家感兴趣的话可以到我的网站来看看效果http://www.shaof.com 。参考五FCKeditor是目前互联网上最好的在线编辑器功能强大支持IE 5.5 (Windows), Firefox 1.0, Mozilla 1.3 and Netscape 7.1.浏览器无平台限制能够在Windows, Mac and Linux上正常运行可以和多种WEB语言融合如ASP.Net 、ASP、ColdFusion、PHP、Java、 Active-FoxPro、Lasso、Perl、Python还有多语言支持提供50多种语言包是一种开源软件。最新的版本是2.4.3下载地址http://www.fckeditor.net/downloadFCKeditor作为一种支持多平台多语言的编辑器下载之后就可以直接在程序或者网页中使用。有时由于系统并不需要如此之多的功能所以还是需要进行一些简单的修改配置更加适合自己的网站的个性编辑器。一、优化FCKeditor文件夹和文件下载FCKeditor并解压之后会产生_samples和editor两个文件夹和几个文件全部删除以_开头的文件夹和文件因为这些都是FCKeditor的一些例子而已可以学习一下但上传到网站服务器上就大可不必了删除。在根目录下还有几个fckeditor.asp,fckeditor.php,fckeditor.js......等其它文件这个就看你的网站服务器和网站需要什么程序语言有PHPASPPERL.NET等我选择的是脚本配置文件fckeditor.js还有三个文件fckconfig.js、fckstyles.xml、fcktemplates.xml是必需的文件其它的可以全部删除。打开editor文件夹进入lang文件夹这里面是FCKeditor的语言包来的一般国内选择en.js和zh.js和zh-cn.js文件就可以了加上必需的文件fcklanguagemanager.js(此文件是2.4版本以下必需的)其它的文件可以完全删除。之后打开editor/filemanager文件夹如果不要求在上传图片或者文件的时候显示服务器上的内容可以选择删除filemanager文件夹下的brower文件夹。然后进入upload文件夹里面是各种程序语言的上传文件选择你需要的那个程序语言文件夹其它的删除。进入editor/Plugins文件夹如果你不需要这些额外的FCKeditor插件的话把里面的文件夹全部删除。进入editor/skins文件夹里面是编辑器的皮肤文件default文件是默认的灰色面板的编辑器Office2003和silver是另外加载的看哪个好看就选择哪个然后其它的删除。另外editor/dialog文件夹里是一些编辑器的对话框如果选择基本的一些功能的话可以相应的选择其文件把其它的删除也是可以的。到这里编辑器的文件夹优化基本OK了精简了许多更加方便了服务器的上传和使用。二、FCKeditor的基本配置修改fckconfig.js是FCKeditor编辑器的配置文件不涉及到工具按钮的增加的话修改这里面的配置完全可以了。下面列举的是fckconfig.js里的配置选项AutoDetectLanguagetrue/false 自动检测语言BaseHref _fcksavedurl 相对链接的基地址ContentLangDirectionltr/rtl 默认文字方向ContextMenu字符串数组,右键菜单的内容CustomConfigurationsPath 自定义配置文件路径和名称Debugtrue/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容DefaultLanguage 缺省语言EditorAreaCss 编辑区的样式表文件EnableSourceXHTMLtrue/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTMLEnableXHTMLtrue/false 是否允许使用XHTML取代HTMLFillEmptyBlockstrue/false 使用这个功能,可以将空的块级元素用空格来替代FontColors 设置显示颜色拾取器时文字颜色列表FontFormats 设置显示在文字格式列表中的命名FontNames 字体列表中的字体名FontSizes 字体大小中的字号列表ForcePasteAsPlainTexttrue/false 强制粘贴为纯文本ForceSimpleAmpersandtrue/false 是否不把符号转换为XML实体FormatIndentator 当在源码格式下缩进代码使用的字符FormatOutputtrue/false 当输出内容时是否自动格式化代码FormatSourcetrue/false 在切换到代码视图时是否自动格式化代码FullPagetrue/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容GeckoUseSPANtrue/false 是否允许SPAN标记代替B,I,U标记IeSpellDownloadUrl下载拼写检查器的网址ImageBrowsertrue/false 是否允许浏览服务器功能ImageBrowserURL 浏览服务器时运行的URLImageBrowserWindowHeight 图像浏览器窗口高度ImageBrowserWindowWidth 图像浏览器窗口宽度LinkBrowsertrue/false 是否允许在插入链接时浏览服务器LinkBrowserURL 插入链接时浏览服务器的URLLinkBrowserWindowHeight链接目标浏览器窗口高度LinkBrowserWindowWidth链接目标浏览器窗口宽度Pluginsobject 注册插件PluginsPath 插件文件夹ShowBorderstrue/false 合并边框SkinPath 皮肤文件夹位置SmileyColumns12 图符窗列数SmileyImages字符数组 图符窗中图片文件名数组SmileyPath 图符文件夹路径SmileyWindowHeight 图符窗口高度SmileyWindowWidth 图符窗口宽度SpellCheckerieSpell/Spellerpages 设置拼写检查器StartupFocustrue/false 开启时FOCUS到编辑器StylesXmlPath 设置定义CSS样式列表的XML文件的位置TabSpaces4 TAB键产生的空格字符数ToolBarCanCollapsetrue/false 是否允许展开/折叠工具栏ToolbarSetsobject 允许使用TOOLBAR集合ToolbarStartExpandedtrue/false 开启是TOOLBAR是否展开UseBROnCarriageReturntrue/false 当回车时是产生BR标记还是P或者DIV标记下面详细的说明一下一些常用的配置选项FCKConfig.DefaultLanguage en ; //选择编辑器的语言editor/lang/文件夹下面的有相应的语言脚本文件。FCKConfig.ToolbarStartExpanded true ;//载入编辑器的时候展开还是收缩工具按钮。FCKConfig.ToolbarSets[Default] 和 FCKConfig.ToolbarSets[Basic]是载入的时候显示全部工具按钮还是部分基本按钮。可以在fckeditor.js或者fckeditor.asp/php等文件中设置。FCKConfig.ContextMenu这个是编辑器的右键配置文件可以自己增减对应按钮。FCKConfig.LinkBrowser false ;//浏览服务器上的文件如果选择false不允许的话接下去的几行可以相应的注释掉。后面的FCKConfig.ImageBrowser false ;FCKConfig.FlashBrowser false ;也是如此。如果选择允许的话将相应的程序语言部分的注释去掉。FCKConfig.LinkUpload true ;FCKConfig.ImageUpload true ;FCKConfig.FlashUpload true ;这三个配置选项是设置文件上传的如果不允许用户上传文件则把true修改为false即可。如果允许请在相应的程序语言里选择即把对应的注释行去掉即可。修改完毕之后再打开相应的程序语言的FCKeditor文件继续。三、修改编辑器载入时的配置打开fckeditor.js或者fckeditor.asp/php/pl等文件这些文件的配置情况都是差不多的。这里拿fckeditor.js说明。Width编辑器宽度。Height编辑器高度。ToolbarSet编辑器工具按钮default或者basic。BasePath编辑器所在目录建议使用根目录形式。其它的就可以设置默认的就可以了。四、使用FCKeditor编辑器1、ASP程序语言载入编辑器包含文件fckeditor.asp文件然后在相应的地方加入下面的代码Dim oFCKeditorSet oFCKeditor New FCKeditoroFCKeditor.BasePath /oFCKeditor.ToolbarSet DefaultoFCKeditor.Width 100%oFCKeditor.Height 400oFCKeditor.Value rs(Content)oFCKeditor.Create Content%2、JS程序语言载入编辑器引用脚本fckeditor.js文件在相应的地方加入下面的代码var oFCKeditor new FCKeditor( Content ) ;oFCKeditor.BasePath / ;oFCKeditor.ToolbarSet Basic ;oFCKeditor.Width 100% ;oFCKeditor.Height 400 ;oFCKeditor.Value ;oFCKeditor.Create() ;JS语言版本的还有一种替换文本框加快页面显示的文件在这里我选择的是点击编辑框才出现编辑器引用fckeditor.js文件加入如下代码3、PHP程序语言载入编辑器包含fckeditor.php文件在相应的地方加入下面的代码$oFCKeditor new FCKeditor(Content) ;$oFCKeditor-BasePath     ../FCKeditor/ ;$oFCKeditor-Value         ;$oFCKeditor-Create() ;?