首页 »Javascript教程 » fckeditor:javascript获取FCKeditor内容 »正文fckeditor:javascript获取FCKeditor内容来源: 发布时间:星期日, 2008年12月21日 浏览:2次 评论:0
="t18">形式如:
varoEditor=FCKeditorAPI.GetInstance('content'); varcontent=oEditor.GetXHTML(true); ************************************************* 利用Javascript取和设FCKeditor值也是非常容易如下: // 获取编辑器中HTML内容 function getEditorHTMLContents(EditorName) { var oEditor = FCKeditorAPI.GetInstance(EditorName); (oEditor.GetXHTML(true)); } // 获取编辑器中文字内容 function getEditorTextContents(EditorName) { var oEditor = FCKeditorAPI.GetInstance(EditorName); (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; 设置 FCK 编辑器内容: oEditor.SetHTML("content", false); // 第 2个参数为:true|false是否以所见即所得方式设置其内容此思路方法常用于"设置值"或"表单重置"哦作 插入内容到 FCK 编辑器: oEditor.InsertHtml("html"); // "html"为HTML文本 检查 FCK 编辑器内容是否发生变化: oEditor.IsDirty; 在 FCK 编辑器的外 FCK 编辑器工具条命令: 命令列表如下: DocProps, Templates, Link, Unlink, Anchor, BulletedList, NumberedList, About, Find, Replace, Image, Flash, SpecialChar, Smiley, Table, TableProp, TableCellProp, UniversalKey, Style, FontName, FontSize, FontFormat, Source, Preview, Save, NewPage, PageBreak, TextColor, BGColor, PasteText, PasteWord, TableInsertRow, TableDeleteRows, TableInsertColumn, TableDeleteColumns, TableInsertCell, TableDeleteCells, TableMergeCells, TableSplitCell, TableDelete, Form, Checkbox, Radio, TextField, Textarea, HiddenField, Button, Select, ImageButton, SpellCheck, FitWindow, Undo, Redo 使用思路方法如下: oEditor.Commands.GetCommand('FitWindow').Execute; = FCKConfig.BasePath + 'plugins/' // FCKConfig.Plugins.Add( 'placeholder', 'en,it' ) ; 去掉//后就相当于把placeholder这个插件功能加上了fckeditor插件文件都在/editor/plugins/文件夹下分类按文件夹放置对于fckeditor2.0来说里面有两个文件夹也就是有两个官方插件placeholder这个文件夹就是我们刚才加上去主要用于多参数或单参数自定义标签匹配这个在制作编辑模板时非常管用要想看具体例子话大家可以去下载acms 这个系统查看学习另个文件夹tablecommands就是编辑器里表格编辑用到了当然如果你想制作自己其它用途插件那就只要按照 fckeidtor插件制作规则制作完放置在/editor/plugins/下就行然后再在fckeidtor.js里再添加 FCKConfig.Plugins.Add('Plugin Name',',lang,lang');就可以了 第 2部分 如何让编辑器打开时候编辑工具条不出现等点“展开工具栏”时才出现?EasyFCKeditor本身提供了这个功能啦打开fckconfig.js找到 FCKConfig.ToolbarStartExpanded = true ; 改成 FCKConfig.ToolbarStartExpanded = false ; 就可以啦! 第 3部分使用自己表情图标同样打开fckcofnig.js到最底部那段 FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ; FCKConfig.SmileyImages = ['regular_smile.g','sad_smile.g','wink_smile.g'] ; FCKConfig.SmileyColumns = 8 ; FCKConfig.SmileyWindowWidth = 320 ; FCKConfig.SmileyWindowHeight = 240 ; 上面这段已经是我修改过了为了我发表此文版面不会被撑得太开我把FCKConfig.SmileyImages那行改得只有 3个表情图了 第行当然是表情图标路径设置第 2行是相关表情图标文件名个List第 3行是指弹出表情添加窗口最每行表情数下面两个参数是弹出模态窗口宽和高喽 第 4部分文件上传管理部分 此部分可能是大家最为关心上篇文章简单讲了如何修改来上传文件以及使用fckeidtor2.0才提供快速上传功能再我们继续再深层次讲解上传功能 FCKConfig.LinkBrowser = true ; FCKConfig.ImageBrowser = true ; FCKConfig.FlashBrowser = true ;在fckconfig.js找到这 3句这 3句不是连着哦只是我把他们集中到这儿来了设置为true意思就是允许使用fckeditor来浏览服务器端文件图像以及flash等这个功能是你插入图片时弹出窗口上那个“浏览服务器”按钮可以体现出来如果你编辑器只用来自己用或是只在后台管理用这个功能无疑很好用他让你很直观地对服务器文件进行上传操作但是如果你系统要面向前台用户或是像blog这样系统要用话这个安全隐患可就大了哦于是我们把其律设置为false;如下 FCKConfig.LinkBrowser = false ; FCKConfig.ImageBrowser = false ; FCKConfig.FlashBrowser = false ; 这样来我们就只有快速上传可用了啊好!接下来就来修改同样以asp为范例进行进入/editor/filemanager/upload/asp/打开config.asp修改 ConfigUserFilesPath = "/UserFiles/"这个设置是上传文件总目录我这里就不动了你想改自己改了 好再打开此目录下upload.asp文件找到下面这段 Dim resourceType If ( Request.QueryString("Type") <> "" ) Then resourceType = Request.QueryString("Type") Else resourceType = "File" End If 然后再在其后面添加 ConfigUserFilesPath = ConfigUserFilesPath & resourceType &"/"& Year(Date) &"/"& Month(Date) &"/" 这样话上传文件就进入“/userfiles/文件类型(如image或file或flash)/年/月/”这样文件夹下了这个设置对单用户来用已经足够了如果你想给多用户系统用那就这样来改 ConfigUserFilesPath = ConfigUserFilesPath & Session("username") & resourceType &"/"& Year(Date) &"/"& Month(Date) &"/" 这样上传文件就进入“/userfiles/用户目录/文件类型/年/月/”下了当然如果你不想这么安排也可以修改成别比如说用户目录再深层等这里Session("username")请根据自己需要进行修改或换掉 上传目录设置完了但是上传还不会自己创建这些文件夹如果不存在话上传不会成功那么我们就得根据上面上传路径要求进行递归来生成目录了 找到这段 Dim sServerDir sServerDir = Server.MapPath( ConfigUserFilesPath ) If ( Right( sServerDir, 1 ) <> "\" ) Then sServerDir = sServerDir & "\" End If 把它下面这两行 Dim oFSO Set oFSO = Server.CreateObject( "Scripting.FileObject" ) 用下面这段代码来替换 dim arrPath,strTmpPath,Row strTmpPath = "" arrPath = Split(sServerDir, "\") Dim oFSO Set oFSO = Server.CreateObject( "Scripting.FileObject" ) for Row = 0 to Ubound(arrPath) strTmpPath = strTmpPath & arrPath(Row) & "\" oFSO.folderExists(strTmpPath)=false then oFSO.CreateFolder(strTmpPath) end next 用这段代码就可以生成你想要文件夹了在上传时候自动生成 好了上传文件修改到现在可以暂时告段落了但是对于中文用户还存在这么个问题就是fckeditor文件上传默认是不改名同时还不支持中文文件名这样来是上传文件会变成“.jpg”这样无法读文件再就是会有重名文件当然重名这点倒没什么fckeditor会自动改名会在文件名后加(1)这样来进行标识但是我们通常习惯是让自动生成不重复文件名 在刚才那段代码下面紧接着就是 ' Get the uploaded file name. sFileName = oUploader.File( "NewFile" ).Name 看清楚了这个就是文件名啦我们来把它改掉当然得有个生成文件名才行改成下面这样 '//取得个不重复序号 Public Function GetNewID dim ranNum dim dtNow randomize dtNow=Now ranNum=(90000*rnd)+10000 GetNewID=year(dtNow) & right("0" & month(dtNow),2) & right("0" & day(dtNow),2) & right("0" & hour(dtNow),2) & right("0" & minute(dtNow),2) & right("0" & second(dtNow),2) & ranNum End Function ' Get the uploaded file name. sFileName = GetNewID &"."& split(oUploader.File( "NewFile" ).Name,".")(1) 这样来上传文件就自动改名生成如20050802122536365.jpg这样文件名了是由年月日时分秒以及 3位随机成文件名了 0
相关文章
读者评论
发表评论 |