1.先去xheditor的官方网站下载压缩文件，网址：http://xheditor.com/
2.根据你自己的路径，在你的Html文件上面加入:
<link rel="stylesheet" href="css/common.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/xheditor-zh-cn.min.js?v=1.0.0-final"></script>
3.建立一个textarea，给他取一个id.
4.导入这一段。记住。$('#elem1').一定要和textarea的id一样，
<script type="text/javascript">
$(pageInit);
function pageInit(){
$('#elem1').xheditor({skin:'vista',upImgUrl:upload.jsp'});
}
</script>
5.这样。几个简单的在线编辑器就好了，非常实用。美观度也不错。皮肤，按钮什么。需要什么可以自行修改。具体修改方法请参考你下载的压缩包。里面有非常详细的例子程序。
6.再这里最后强调一下，css文件的导入。记住。他需要2个css文件。iframe.css和ui.css还有一个common.css.他们的路径位置是有关联的、结构目录请参考我附件下面的图片。已经
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xhEditor demo4 : </title>
<link rel="stylesheet" href="http://localhost:8080/TMS/css/common.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/xheditor-zh-cn.min.js?v=1.0.0-final"></script>
<script type="text/javascript">
$(pageInit);
function pageInit(){
$('#elem1').xheditor({skin:'vista',upImgUrl:'http://localhost:8080/TMS/Resource_upload'});
}
</script>
</head>
<body>
<textarea id="elem1" name="elm1" rows="8" cols="80" style="width: 80%">
</textarea>
</body>
</html>
- 大小: 15.8 KB
分享到：
相关推荐
4. **跨浏览器兼容**：XHEditor设计时考虑了多种主流浏览器的兼容性，包括IE、Firefox、Chrome、Safari和Opera等，确保在不同环境下都能稳定运行。 5. **安全性**：考虑到网页编辑可能涉及的数据安全问题，XHEditor...
xhEditor是一款基于jQuery库的开源网页编辑器，它为网站开发者提供了强大的文本编辑功能，让用户可以在网页上实现类似Word的富文本编辑体验。这款编辑器设计简洁、易用，支持多种格式的文本输入，包括字体、字号、...
今天我们要探讨的是一款基于JQuery的超轻量级在线编辑器——XHEditor。这款编辑器以其小巧、高效和易用性受到了众多.NET开发者们的青睐。 XHEditor是一款基于JavaScript的富文本编辑器，它利用了JQuery库的强大功能...
xhEditor网页编辑器，基于jQuery技术，兼容IE,Firefox,Opera,Chrome,Safari等主流浏览器。内含多种方式的调用实例，自带有多种风格的编辑器皮肤，可以简单调用、Ajax上传、功能定制、标准调用、Word完美支持等，UBB...
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor完全基于Javascript开发，您可以应用在任何的...
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。完全基于JavaScript开发，您可以应用在任何的服务端语言...
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。 xhEditor完全基于Javascript开发，您可以应用在任何的...
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0 ,Firefox 3.0 ,Opera 9.6 ,Chrome 1.0 ,Safari 3.22 。xhEditor完全基于Javascript开发，您可以应用在任何的...
xhEditor支持多种浏览器和操作系统，包括IE、FireFox、Chrome、Safari等。 xhEditor文件上传的Java实现 xhEditor文件上传的Java实现主要涉及到以下几个步骤： 1. 下载xhEditor的最新版本：xheditor-1.1.9，并解...
xhEditor开源HTML编辑器 xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xhEditor网页编辑器，基于jQuery技术，兼容IE,Firefox,Opera,Chrome,Safari等主流浏览器。内含多种方式的调用实例，自带有多种风格的编辑器皮肤，可以简单调用、标准调用、高级调用等，定制功能完善，含UBB功能，...
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。 Features(特点)： Small：初始加载5个文件，包括：1个js...
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor is a simple,small,fast WYSWYG(What You See ...
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor完全基于Javascript开发，您可以应用在任何的...
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xhEditor开源HTML编辑器 xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 xhEditor完全基于Javascript开发，您可以应用在任何的...