Jiffycms HTML编辑器简介

分享于 

5分钟阅读

Web开发

  繁體

介绍

在 ASP.NET 中你会注意到的事情之一是,默认情况下,不存在表示富文本编辑器的标准控件。 你还将注意到,你唯一可行的选项是:

  • FREETEXTBOX --while NAME 表示它是免费的,免费的只是特性的子集,而完整的版本则是付费的。
  • --This是市场上最高使用的编辑器,因为它是开源的,但主要是客户端附带的服务器端。 然而,这个问题是web控件只是一个包装器。
  • 你从第三方( 价格不菲) 购买商业许可证。

是一个富有商业级特色的文本编辑器,它是一个具有商业级特性的HTML编辑器,是所有三个点。 它是为 ASP.NET 编写的,并使用了 ASP.NET AJAX扩展来实现。 它也是一个丰富的服务器端Web控件,要求你尽可以能少地使用 VS.NET 设计器。 这里有太多的特性,并且列出了不可以能的;相反,本文将重点介绍如何移动 web CSS。

大多数HTML编辑器不同, Jiffycms HTML编辑器插件是一个无附加依赖关系的Web控件,它打包为单个 DLL。 由于它是在AJAX扩展库之上建立的,因为使用 UpdatePanel的人已经在页面上引用了,因这里在客户端库下载大小最小化。 因为它们往往会使用自己的自定义库,所以今天将会对它的他第三方编辑器产生影响。

在这里,我想展示使用 Jiffycms HTML编辑器在你的页面如何使用外部CSS样式表文件来获得最佳性能,这是多么简单。

用法

首先,让我们从基础开始,为本教程的目的定义一个新的网站项目:

Create new project VS.NET

现在让我们从下载Jiffycms编辑器 DLL。 现在我们已经有了 DLL,即 Jiffycms.Net.Toolkit.dll,我们准备在你将它添加到工具箱之前将它添加到工具箱中,然后在工具箱中添加你的自定义控件,然后在这里添加控件,然后在那里添加控件。

Add new tab in VS.NET Toolbox

现在,右键单击新创建的选项卡空白区域,然后从上下文菜单中选择"选择项目"。 你也可以简单地将DLL拖放到空区域。

Choose Items context menu

Browsing for Jiffycms HTML Editor dll

当你浏览从agavi下载的DLL时,你应该在工具箱中看到它,并且你可以开始使用这个细组件了。

Jiffycms HTML Editor icon in toolbox

当你在 VS.NET, 中将控件拖放到你的网络表单中时,你可能不喜欢在中工作,这会让编辑器自动在你的web.config 文件中进行初始化。 它的注册可以手工制作,它只是一个注册的简单HttpHandler在 web.config 公司。

如果你喜欢手动执行这里操作,则在路径 Configuration/httpHandlers 部分下进行下列项目,对于 IIS 6,如下所示:

<addverb="*"path="jiffycms.axd"type="Jiffycms.Net.Toolkit.WebResourceHandler"/>

对于 IIS 7,你需要在 Configuration/system.webServer/Handlers 部分,如下所示:

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

如果你正从工具箱中拖放组件,则已经为你完成了。

在设计时拖放控件后,这就是HTML编辑器在设计视图中的外观:

Jiffycms HTML Editor in designview

很好,我们有了编辑的设计时间。 现在,使用属性网格中的各种属性是一个问题。 在运行页面时,你会在呈现页面的head 部分看到大量的CSS输出。 在默认情况下,你可以选择将CSS放在外部CSS文件中。 这样做不仅减少了页面负载,而且由于CSS在外部CSS文件中,因这里会自动缓存后续请求。

幸运的是,这种改变并不难做到。 可以使用设计时特性收集由控件生成的所有运行时 CSS,并手动将它的复制到外部CSS文件中。

CSS extraction tool

只需复制CSS并将它的粘贴到外部样式表中,然后通过 ExternalStyleSheet 属性引用CSS文件:

Map external stylesheet to ExternalStyleSheet property

that that编辑编辑器或者修改样式依赖属性如 IconsModeToolbarMode 等等,你需要重新生成CSS并手动更新CSS文件。 幸运的是,如果你决定进行这里路径,你也可以自己编辑 CSS,所以在所有的情况下都不便。

历史记录

更新:22 - March - 2009

现在有一个新文章可以处理 HTML编辑器中的图片库插件。


相关文章