A-A+
PHP中使用文本编辑器控件xhEditor
让我们先来了解下xhEditor？
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，xhEditor完全基于Javascript开发，您可以应用在任何的服务端语言环境下，例如：PHP、ASP、ASP. N E T、JAVA等。xhEditor可以在您的CMS、博客、论坛、商城等互联网平台上完美的嵌入运行，能够非常灵活简单的和您的系统实现完美的无缝衔接。
那么在PHP中怎么使用xhEditor？
1、下载最新版的xheditor
2、将下载的压缩文件解压缩，上传其中的xheditor.min.js以及scr、jquery、xheditor_emot、xheditor_plugins和xheditor_skin四个文件夹到网站相应文件夹中。
3、在网页head标签结束之前添加以下代码：
<script type="text/javascript" src="jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="xheditor-1.1.14-zh-cn.min.js"></script>
注：jQuery和xhEditor的js文件路径请根据你网站具体路径情况相应修改
完整的代码如下：
xheditor.php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="xheditor-1.1.14-zh-cn.min.js"></script>
<script type="text/javascript">
$(pageInit);
function pageInit()
{
var sVar,sJSInit;
$('textarea[name=preview]').attr('id','elem1').xheditor(false);
sJSInit="$('#elem1').xheditor("+(sVar?'{'+sVar+'}':'')+");";
eval(sJSInit);
}
</script>
</head>
<body>
<form action="" method="post">
<textarea rows="8" cols="100" id="preview" name="preview"></textarea>
<br/>
<input type="submit" name="btn_submit" value="提交"/>
</form>
<?php
if($_POST['btn_submit'])
echo $_POST['preview'];
?>
</body>
</html>
