A-A+

PHP中使用文本编辑器控件xhEditor

2013年05月06日 PHP 暂无评论 阅读 2,300 views 次

让我们先来了解下xhEditor?

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,xhEditor完全基于Javascript开发,您可以应用在任何的服务端语言环境下,例如:PHP、ASP、ASP. N E T、JAVA等。xhEditor可以在您的CMS、博客、论坛、商城等互联网平台上完美的嵌入运行,能够非常灵活简单的和您的系统实现完美的无缝衔接。

那么在PHP中怎么使用xhEditor?

1、下载最新版的xheditor

2、将下载的压缩文件解压缩,上传其中的xheditor.min.js以及scrjqueryxheditor_emotxheditor_pluginsxheditor_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>

注:jQueryxhEditorjs文件路径请根据你网站具体路径情况相应修改 

完整的代码如下:

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>

标签:

给我留言

Copyright © 严佳冬 保留所有权利.   Theme  Ality 百度地图 苏ICP备15015381号-1

用户登录

分享到: