中山php|最优网络中山做网站 中山php建站

最优良人

2011/08/15 at 01:00

使用基于Jquery的可视化编辑器 Xheditor

使用方法

1. 下载xhEditor最新版本。
下载地址:http://code.google.com/p/xheditor/downloads/list

2. 解压压缩文件,将其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录

3. 在相应html文件的</head>之前添加
<script type="text/javascript" src="http://static.xxx.com/js/jquery.js"></script>
<script type="text/javascript" src="http://static.xxx.com/js/xheditor.js"></script>

4.
方法1:在textarea上添加属性: class="xheditor {skin:'default'}",前面主参数也可以是xheditor-mini和xheditor-simple,分别加载迷你和简单工具栏,后面详细参数可以省略
方法2:在您的页面初始JS代码里加上: $('#elm1').xheditor();
$('#elm1').xheditor();
例如:
$({
$('#elm1').xheditor();
});
相应的删除编辑器的代码为
$('#elm1').xheditor(false);
重要说明:2种初始化方法只能选择其中一种,不能混合使用,优先级分别是:方法1>方法2,例如用了方法1,方法2就无法使用了
更多帮助信息,请查看在线帮助:http://code.google.com/p/xheditor/wiki/Help
或者参考demos文件夹中的演示页面
建议使用wizard.html初始化代码生成向导来生成适合你的代码。

标签:,
-