ASP.NET常用在线编辑器使用方法总结(二)
2012-10-28 12:57
651 查看
嗯,本来只是想把常用的两款感觉效果还不错的在线编辑器给总结下,但是没想到大家对此的反应还挺强烈的,那我就再总结两款用的比较不错的编译器吧。
一、SinaEditor(点击这里下载SinaEditor.zip)
在上一篇文章的结尾有提到这款编译器,个人觉得是用户体验最好的在线编译器。先上个图:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812555251.png)
这个也就是我们新浪博客用的发布文章的那款编译器。好了马上进入正题。
1、我把压缩包给精简了下,打开之后你可以看到如下的文件:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812560788.png)
2、把这些文件直接添加到项目的根目录下(如果是其他的目录,在下边的引用中要注意修改引用路径)如图:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812562314.png)
3、在使用该控件页,做如下处理:
<asp:HiddenField ID="content" runat="server" />
<iframe id="myiframe"
src="Edit/editor.htm?id=content&ReadCookie=0"
frameborder="0" scrolling="no" width="621" height="457"></iframe>
如图:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812565986.png)
这样就可以完成了SinaEditor的在线编辑的配置。需要解释的我们添加的upload文件夹是用来存储上传的文件的,如果我们没有把Edit文件夹放在根目录下,则在上边<iframe>的src属性中修改引用的路径,id为调用参数(小写),即隐藏的内容表单项id,ReadCookie设置是否读取上次未提交的数据,1为开启,0为关闭(注意大小写),如果我们需要获取编辑的内容,则在aspx.cs页直接content.value即可。如果我们需要修改文件的保存路径则需要在找到目录下的Edit/editor/upload.aspx文件修改你要上传图片所保存的路径,里面有详细的注释。同时我会附录一个使用的说明文档,希望可以对大家有所帮助。
二、KindEditor
这也是一个比较强大的在线的编辑器,最特色的地方是它可以支持在线地图。本来准备打算自己写的,但是无意中看到有的网友已经总结过了,所以,这里就不再总结了,如果大家对KindEditor感兴趣的话可以看这篇文章。
http://hi.baidu.com/business_306/item/a9b36a254009e8dfa517b60f
如果要下载压缩包的话,可以到Kindeditor官网下载各种版本的都有。Kindeditor官网http://www.kindsoft.net/
好了,这一篇算是对上一篇的补充吧,关于在线编辑器,其实真的还有很多的,可能每个人用的都不一样,所以,见仁见智。希望对大家有所帮助吧。
一、SinaEditor(点击这里下载SinaEditor.zip)
在上一篇文章的结尾有提到这款编译器,个人觉得是用户体验最好的在线编译器。先上个图:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812555251.png)
这个也就是我们新浪博客用的发布文章的那款编译器。好了马上进入正题。
1、我把压缩包给精简了下,打开之后你可以看到如下的文件:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812560788.png)
2、把这些文件直接添加到项目的根目录下(如果是其他的目录,在下边的引用中要注意修改引用路径)如图:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812562314.png)
3、在使用该控件页,做如下处理:
<asp:HiddenField ID="content" runat="server" />
<iframe id="myiframe"
src="Edit/editor.htm?id=content&ReadCookie=0"
frameborder="0" scrolling="no" width="621" height="457"></iframe>
如图:
![](http://pic002.cnblogs.com/images/2012/337981/2012102812565986.png)
这样就可以完成了SinaEditor的在线编辑的配置。需要解释的我们添加的upload文件夹是用来存储上传的文件的,如果我们没有把Edit文件夹放在根目录下,则在上边<iframe>的src属性中修改引用的路径,id为调用参数(小写),即隐藏的内容表单项id,ReadCookie设置是否读取上次未提交的数据,1为开启,0为关闭(注意大小写),如果我们需要获取编辑的内容,则在aspx.cs页直接content.value即可。如果我们需要修改文件的保存路径则需要在找到目录下的Edit/editor/upload.aspx文件修改你要上传图片所保存的路径,里面有详细的注释。同时我会附录一个使用的说明文档,希望可以对大家有所帮助。
二、KindEditor
这也是一个比较强大的在线的编辑器,最特色的地方是它可以支持在线地图。本来准备打算自己写的,但是无意中看到有的网友已经总结过了,所以,这里就不再总结了,如果大家对KindEditor感兴趣的话可以看这篇文章。
http://hi.baidu.com/business_306/item/a9b36a254009e8dfa517b60f
如果要下载压缩包的话,可以到Kindeditor官网下载各种版本的都有。Kindeditor官网http://www.kindsoft.net/
好了,这一篇算是对上一篇的补充吧,关于在线编辑器,其实真的还有很多的,可能每个人用的都不一样,所以,见仁见智。希望对大家有所帮助吧。
相关文章推荐
- ASP.NET常用在线编辑器使用方法总结
- ASP.NET常用在线编辑器使用方法总结
- ASP.NET常用在线编辑器使用方法总结(一)
- ASP.NET常用在线编辑器使用方法总结(二)
- ASP.NET常用在线编辑器使用方法总结(二)
- ASP.NET中常用的26个优化性能方法---当不使用会话状态时禁用它
- ASP.NET下在线编辑器FreeTextBox与FCKeditor快速使用
- 在asp.net中KindEditor编辑器的使用总结
- 在asp.net中KindEditor编辑器的使用总结
- 个人使用ASP.NET方法总结
- ASP.NET使用百度编辑器(UEditor)方法
- ASP.NET动态网站开发培训-26.在线编辑器FreeTextBox的使用
- 【转载】MVC巧用枚举做权限管理 | NET开发中你可能会用到的常用方法总结 |学习 ASP.NET MVC
- ASP.NET之GridView常用方法总结
- ASP.NET使用百度编辑器(UEditor)使用方法
- asp.net中几种常用的身份验证方法总结
- asp.net ckeditor编辑器的使用方法
- ASP.NET使用百度编辑器(UEditor)使用方法