在线编辑器XhEditor

http://xheditor.com/ XhEditor官网，可下载文件包

在VS中新建一个文件夹Editor，将下载的XhEditor的文件包拖到新建的文件夹Editor中。如下图所示：

应用时，在Html中添加如下引用代码：

 <style type="text/css">

 /*For News Or Artical Edit*/ .newscontent {  width: 780px;  height: 520px; }

 </style>

    <script src="Editor/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>

    <script src="Editor/xheditor-1.1.10-en.min.js" type="text/javascript"></script>

    <script type="text/javascript">     $(function () {         $('#txtNewsContent').xheditor({ skin: 'o2007blue', tools: 'mfull', urlType: 'rel',                upLinkUrl: "../xheditor/upload.aspx", upLinkExt: "zip,rar,txt",             upImgUrl: "../xheditor/upload.aspx", upImgExt: "jpg,jpeg,gif,png",             upFlashUrl: "../xheditor/upload.aspx", upFlashExt: "swf",             upMediaUrl: "../xheditor/upload.aspx", upMediaExt: "avi",             localUrlTest: /^https?:\/\/[^\/]*?(yxxx\.com)\//i, remoteImgSaveUrl: '../xheditor/saveremoteimg.aspx'          });     });    </script>

一种方法是普通TextBox，如下：

<asp:TextBox ID="txtNewsContent" runat="server" TextMode="MultiLine" CssClass="newscontent"></asp:TextBox>

其二是像Demo中，Textarea.

。。。

仅作总结记录，以备以后参考。

转载于:https://www.cnblogs.com/eva_2010/archive/2011/12/12/2285090.html

在线编辑器XhEditor相关推荐

xheditor在线编辑器的使用
在网上看了很多的资料,终于知道xheditor 怎么使用,现将我的总结如下: 在你所需要在线编辑器的工程目录下,导入xheditor_emot.xheditor_plugins和xheditor_sk ...
迷你HTM在线L编辑器—xhEditor
xhEditor开源HTML编辑器 xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6 ...
文章html格式排版工具,网站文章排版美化：推荐几款实用丰富的在线编辑器 | 闲一鱼博客...
便民服务在线编辑器直通门加载速度快,功能丰富全面,体验效果不错. KindEditor 直通门 KindEditor可以说是目前最为优秀.成熟的编辑器,加载速度非常快,文档全面,支持扩展开 ...
html5在线编辑器 h,前端最好用的HTML在线编辑器是哪一款
<前端最好用的HTML在线编辑器是哪一款>要点: 本文介绍了前端最好用的HTML在线编辑器是哪一款,希望对您有用.如果有疑问,可以联系我们. 开发网站,一定会碰到HTML在线编辑器,我们详 ...
html在线热点工具,基于浏览器的html在线编辑器热点推荐
在线HTML编辑器或者是基于浏览器的所见即所得的HTML编辑器广泛用于各种类型网站的文章发布.论坛发贴等功能.这些Web编辑器可以在线编辑和处理富Web内容,包括格式文本,表格,图片,媒体,链接等等, ...
西西html编辑器,xhEditor(可视化网页编辑器)
国产开源XHTML在线编辑器,xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+, ...
ASP.net：添加.net(2.0C#)FCKeditor在线编辑器步骤
1.下载本版本的编辑器压缩包.源码下载地址 2.解压缩打开文件夹拥有如下文件: 3.在VS中添加"选择项"加载在此文件夹的Bin下FredCK.FCKeditorV2.dll. 4 ...
php 图片在线编辑功能,summernote在线编辑器提交的内容PHP处理其中图片函数
<summernote在线编辑器提交的内容PHP处理其中图片函数>要点: 本文介绍了summernote在线编辑器提交的内容PHP处理其中图片函数,希望对您有用.如果有疑问,可以联系我们. ...
csdn自带的在线编辑器如何让图片并排显示
之前显示图片一直是一行一个,也就是按列来,是因为养成了习惯,每次插入图片之后就回车.其实我们发现,只要紧跟在上一个图片括号的后面插入你要的图片就可以完成并排显示. 1.先插入第一张图片,然后光标定位到 ...
自己开发的MarkDown在线编辑器越来越完善了，心里感到高兴。
先晒一下它的样子.当然,我一开始就企图做到这四点:随时随地可以自动保存草稿内容到服务器:键盘快捷键进行Markdown格式编辑:可以分段编辑(万一文章比较长呢):还有就是手机上也能用大部分功能.现在这 ...

在线编辑器XhEditor

在线编辑器XhEditor相关推荐

最新文章

热门文章