[DNN扩展]让DNN也用CuteEditor

　　前两天看见dudu把编辑器CuteEditor升级到4.5版了ttp://www.cnblogs.com/dudu/archive/2005/06/25/181192.html

　　DNN中使用的是编辑器是FreeTextBox（即：ftb）， 它里面没有将图片上传到服务器的功能 （纠正一下：FreeTextBox有图片上传功能，只是没有默认给出，需要修改provider。详见：如何开启ftb的图片上传和创建目录功能），其他功能好像也没有CuteEditor丰富。我想DNN既然可以支持ftb，就应该是能够支持CuteEditor的（同是第三方控件）。上CuteEditor的官方网站（http://cutesoft.net/）一看，还真可以支持DNN（在线演示http://dnn3.cutesoft.net/）。

　　Go！Down下来试试。我下的是Cute Editor for DotNetNuke 3.0.0 - 3.0.13版，Cute Editor for DotNetNuke 3.1版的安装和它一样。下载下来后解压后查看，有安装说明有相关文档，实在是太好了。

安装安装说明的步骤如下：（原文：在解压后的document文件夹下的DotNetNuke-Integration.htm）
1、将解压后的Providers\HtmlEditorProviders文件夹中的CEHtmlEditorProvider文件夹中的内容全部Copy到DNN程序的Providers\HtmlEditorProviders文件夹下。

2、将以下解压后的bin文件夹下的CuteEditor.dll 、DotNetNuke.CEHtmlEditorProvider.dll 、NetSpell.SpellChecker.dll 、CuteEditor.lic全部Copy到DNN程序的bin文件夹下

3、修改配置文件，在web.config中找到htmlEditor节点，将它里面的内容替换如下。记住将htmlEditor节点的defaultProvider属性修改为CEHtmlEditorProvider。

< htmlEditor  defaultProvider ="CEHtmlEditorProvider" >
   < providers >
     < clear />
         < add  name ="CEHtmlEditorProvider"  
        type ="DotNetNuke.HtmlEditor.CEHtmlEditorProvider, DotNetNuke.CEHtmlEditorProvider"  
        providerPath ="~\Providers\HtmlEditorProviders\CEHtmlEditorProvider\CuteSoft_Client\CuteEditor\"  
        UseDNNRootImageDirectory ="true"
        RemoveServerNamesFromUrl ="true"
        EnableStripScriptTags ="true"
        RemoveTBODYTag ="false"
        ShowCodeViewToolBar ="true"
        UseRelativeLinks ="true"              RenderRichDropDown ="true"
        UseSimpleAmpersand ="false"
        MaxHTMLLength ="0"
        MaxTextLength ="0"
        CustomCulture =""
        ThemeType ="Office2003_BlueTheme"
        DisableAutoFormatting ="false"
        DisableClassList =""
        HelpUrl =""
        BreakElement ="div"
        EditorBodyStyle =""
        Admin_AutoConfigure  = "Full"
        Admin_SecurityPolicyFile  = "admin.config"
        Admin_DisableItemList  = ""
        Admin_AllowPasteHtml  = "true"
        Admin_EditorOnPaste   = "default"
        Admin_ReadOnly  = "false"
        Admin_ShowBottomBar  ="true"
        Admin_ShowHtmlMode  = "true"
        Admin_ShowPreviewMode  = "true"  
        Registered_AutoConfigure  = "Simple"
        Registered_SecurityPolicyFile  = "default.config"
        Registered_DisableItemList  = ""
        Registered_AllowPasteHtml  = "true"
        Registered_EditorOnPaste   = "default"
        Registered_ReadOnly  = "false"
        Registered_ShowBottomBar  ="true"
        Registered_ShowHtmlMode  = "true"
        Registered_ShowPreviewMode  = "true"         
        Guest_AutoConfigure  = "Full"
        Guest_SecurityPolicyFile  = "admin.config"
        Guest_DisableItemList  = "Save"
        Guest_AllowPasteHtml  = "true"
        Guest_EditorOnPaste   = "default"
        Guest_ReadOnly  = "false"
        Guest_ShowBottomBar  ="true"
        Guest_ShowHtmlMode  = "true"
        Guest_ShowPreviewMode  = "true"
         />  
    </ providers >
</ htmlEditor >  

4、OK，如果你的DNN程序时已网站形式发布的到这里就安装完毕了。（应该是好了，我的是以虚拟目录形式发布的所以还要继续往下看）
5、如果你的DNN程序是以虚拟目录形式发布的，那么使用时会报错。如：F:\Inetpub\wwwroot\Portals\0\Admin目录无权访问。这应该是路径问题，将路径前加上"~"表示从根路径起就可以解决这个问题。
6、双击打开Provider.CEHtmlEditorProvider.vbproj项目，会有两个引用错误。分别修改这两个引用DotNetNuk（添加DNN程序Bin文件夹中的DotNetNuk.dll）和CuteEditor（添加CEHtmlEditorProvider\bin中的CuteEditor.dll）。如何添加引用不用多讲吧！
7、打开CEHtmlEditorProvider.vb，修改
RootImageDirectory = _portalSettings.HomeDirectory.Substring(_portalSettings.HomeDirectory.IndexOf("/Portals/"))
为
RootImageDirectory = "~" & _portalSettings.HomeDirectory.Substring(_portalSettings.HomeDirectory.IndexOf("/Portals/"))
即可。
8、重新编译一下，将编译后的DotNetNuke.CEHtmlEditorProvider.dll复制到DNN程序根目录下的Bin中。
9、再次运行程序，OK。CuteEditor可以用了，界面如下：

10、博客园中，每一个用户上传的文件都在各自同名的文件夹下，要在DNN中实现需将CEHtmlEditorProvider.vb文件中的
If Isadmin Then
    tempfolder = ""
ElseIf Isregistered Then
    tempfolder = "Member"
End If
改为
If Isadmin Then
    tempfolder = ""
ElseIf Isregistered Then
    tempfolder = "Member"
    ' 如果是注册用则将图片或文件上传到与用户名同名的文件夹
    Dim objUserInfo As UserInfo = UserController.GetCurrentUserInfo
    If objUserInfo.UserID <> -1 Then
        tempfolder = tempfolder & "/" & objUserInfo.Username.ToString
    End If
End If
记得要添加引用：Imports DotNetNuke.Entities.Users。重复步骤8即可。

　　大家都装着试试，看看还有没有新的问题。dudu肯定是使用CuteEditor的高手，强烈建议他写一篇关于CuteEditor属性、参数和开发使用指南的文章。

初步看来一些关于使用富文本编辑相关的代码。主要涉及以下文件：
controls\TextEditor.ascx
Components\Providers\HTMLEditor
以及Providers\HtmlEditorProviders文件夹中的两个编辑器

从类图上分析，大概是用的策略模式，等完全分析清楚后在写文章说明。


 更多相关内容>>