当前位置 > 首页 > Asp.net

Beginners introduction to Jiffycms Open source HTML Editor

2009-3-23 0:35:00来源:Asp.net

One of the things you will notice in ASP.NET today is that by default, out of the box there is no standard control representing a rich text editor. You will also notice that your only viable options are quite limited to :

  • FREETEXTBOX --while the name suggests it's free, what is free is only a subset of features while the full version is on a pay basis.
  • FCKEditor --This is the most highly used editor in the market today due to it being opensource, however, mainly it's just a clientside product with several contributors having written serverside wrappers around the clientside library. The problem with this though is that the web control is simply a wrapper.
  • You purchase a commercial license from third parties (Quite pricey).

Jiffycms HTML Editor is a rich text open source HTML editor with commercial grade features and is a great alternative to all A,B,C points above. It's written for ASP.NET and uses ASP.NET AJAX Extentions to the full potential. It is also a rich server side Web control requiring you to make very little effort to get it running as it uses the VS.NET designer at full potential too. There are just too many features and to list each here is not going to be possible, instead this article will focus on first time usage and specifically how to move the css generated by the WebControl to an external CSS file.

Unlike most html editors, Jiffycms is a true WebControl without any extra dependencies and is packaged as a single dll. Since it is built on top of the AJAX Extensions library, which many people are already referencing in their pages due to their using the UpdatePanel or what not, this also means they are already referencing the AJAX Extensions library, the payload in Client library download size is minimized something which you will incur on other third party editors out there today since they tend to use they own custom libraries.

Here in this post, I want to show case how easy it is to use the Jiffycms HTML Editor in your pages and how to perform some optimizations to get the best performance from your web apps by using an external CSS StyleSheet file.

  • Firstly, let's try to start from the basics and define a new WebSite Project for the purpose of this tutorial
    Create new project VS.NET
  • Let's download the Jiffycms HTML Editor dll from Codeplex
  • Now that we have the dll which is Jiffycms.Net.Toolkit.dll, we are ready to add it to our toolbox in VS.NET
  • Before you add it to your toolbox, to help you in better organizing all your custom controls, you may want to create a new tab in the toolbox first and then add the control in there.
    Add new tab in VS.NET Toolbox
  • Now right click into your newly created tab empty area and select "Choose Items" from the context menu. You can also simply drag and drop the DLL into the empty area.
    Choose Items context menu
    Browsing for Jiffycms HTML Editor dll

When your done browsing to the dll you downloaded from codeplex, you should see it in your toolbox at this point and you are ready to start using this fine component.

Jiffycms HTML Editor icon in toolbox

While you may not like working in designview in VS.NET, dragging and dropping the control from the toolbox onto your web form is going to allow the editor to make the initial configs in your web.config file automatically. The registrations it makes can be made manually, it's just a registration for a simple Httphandler in web.config.

If you prefer to do this manually, then make the following entry under the path Configuration/httpHandlers section for IIS6 is as follows :
<add verb="*" path="jiffycms.axd" type="Jiffycms.Net.Toolkit.WebResourceHandler" />

For IIS7, you need to make an entry under the path : Configuration/system.webServer/Handlers section as follows :

<add verb="*" path="jiffycms.axd" name="WebResourceHandler" 
type
="Jiffycms.Net.Toolkit.WebResourceHandler"
preCondition
="integratedMode" />

Note: If your dragging and dropping the component from the toolbox, this is already done for you.

After dragging and dropping the control at designt


  • 什么是依赖注入?(听来的一个笑话)

    2009-6-13 2:58:00

    首先,马桶是一个大大的容器,能够容纳各种秽物。而且您应该明确这个观点:这个技术的根本目的就是让您和您拉的屎能够轻松的进行分离,不至于在您排泄的过程中拉的满裤子都是而无法清理,否则您就得通过其他手段,

  • ASP.NET运行错误!!!

    2011-12-8 22:44:00

    “/Web”应用程序中的服务器错误。 配置错误 说明: 在处理向该请求提供服务所需的配置文件时出错。请检查下面的特定错误详细信息并适当地修改配

  • Running Matlab, Python and Tcl scripts from .NET

    2007-6-5 19:03:00

    Someone asked me about ways they can execute Scripts from MatLab , Python and Tcl from .NET.

  • 新项目上线,寻求建议与建议方案

    2009-7-27 18:19:00

    项目名称:惠源地 项目描述:优惠信息网站,提供最全面最及时的优惠信息,为所有商家提供功能最全的网上浏览;城市消费互动,为您提供最新免费优惠券下载、商场打折促销信息 项目也正式运行了,希望可以为大家

  • 关于Office2010的一些更新

    2009-5-13 20:16:00

    SharePoint Server 2010 产品组发布了一个SharePoint Server 2010的初步系统要求: SharePoint Server 2010将只提供

  • jQuery调用WCF需要注意的一些问题

    2009-7-14 14:46:00

    昨天,博客园首页增加了Digg功能。在该功能中我们开始尝试使用jQuery直接调用WCF。之前我们采用的方案是jQuery调用Web Service,然后WebService再调用服务层。这样调用主

  • 让LuaInterface 2.0.1支持中文

    2009-4-2 16:49:00

    摘要: 最近也心血来潮研究Lua在.net下的运用,已有不少牛人在这方面做出了贡献,其中可以选择的封装库有LuaNet和LuaInterface,不过这2个库都有着不支持Unicode字符(汉字)

  • ASP.NET MVC 2 and Visual Studio 2010

    2009-12-20 18:56:00

    When we released ASP.NET MVC 2 Beta back in November, I addressed the issue of support for Visual S

  • CHOJ# 在线编译及评判系统(OnlineJudge)2.0 Beta2

    2009-6-6 12:33:00

    这一次发布的版本部署在了Azure上,如果想要本地部署,下载Beta1即可 Azure支持 完整沙箱禁止危险代码 Live Id 登录支持 编译时状

  • MVC下,利用XML建立自己的菜单,用RenderPartial方法

    2009-5-22 13:15:00

    这一周,我们利用XML来建立自己的菜单,因为如果采用角色会有不同的权限菜单,我们忽略读取权限,利用一个XML文件来实现动态菜单。 1.建立菜单数据类文件 点击Models-&g