更换blogengine编辑器

in 没有分类

blogEngine哪一点都好,就后台编辑器太差,比如最明显的一点:

我想引用一个外部的图片地址,只能切换到代码视图,手工写html代码。

很怀念以前自己的blog后台的编辑器,那是一个经过改良的fckeditor,集成代码高亮等功能。

今天晚上有时间就给更换了,更换方法:

首先将Fckeditor的程序文件复制到blog根目录下,复制fckeditor.dll到bin中

打开admin/htmleditor.ascx,修改为以下代码:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="htmlEditor.ascx.cs" Inherits="admin_htmlEditor" %>
<%@ Register Src="tinyMCE.ascx" TagName="tinyMCE" TagPrefix="uc1" %>
<%@ Import Namespace="BlogEngine.Core" %>
<%--<uc1:tinyMCE ID="TinyMCE1" runat="server" />--%>
<textarea ID="TinyMCE1" style="width:100%" rows="40" runat="server"></textarea>
<script src='../fckeditor/fckeditor.js' type='text/javascript'></script>
<script type= "text/javascript" defer="defer">
var oFCKeditor = new FCKeditor( '<%=TinyMCE1.ClientID %>',null,null,"Default" ) ;
oFCKeditor.BasePath = "../fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
</script>

转到htmleditor.ascx.cs,改成如下:

public partial class admin_htmlEditor : System.Web.UI.UserControl
{

public string Text
{
get { return TinyMCE1.Value; }
set { TinyMCE1.Value = value; }
}

public short TabIndex
{
//get { return TinyMCE1.TabIndex; }
//set { TinyMCE1.TabIndex = value; }
get { return 0; }
set { }
}

}

到此,更改结束。

但在add_entry.aspx文件中有自动保存的js代码,注掉即可。

4 Comments

4 Comments

  1. 你好,博主:
      我想请教个问题,也也想把Blogengine.net中的编辑器换成FCKEditor且已能够成功上传文件,但是碰到一个问题。就是说我上传的文件后插入的代码是<img alt="" width="500" height="208" src="/files/2008%2f11%2fhero.jpg" />而原来的应该生成是<img alt="" width="500" height="208" src="/image.axd?picture=2008%2f11%2fhero.jpg" />,请问要如何更改才对呢。

  2. 修改admin/pages/add_entry.aspx.cs文件中btnUploadImage_Click代码

  3. 我们用了FCKEditor 不是就不再需要它原来的btnUploadImage 这个来上传图片了吗?

  4. @Denni:
    我没有采用FCK的上传,而是用的blogengine默认的上传方式

Leave a Reply

Using Gravatars in the comments - get your own and be recognized!

XHTML: These are some of the tags you can use: <a href=""> <b> <blockquote> <code> <em> <i> <strike> <strong>