首页 > 网站 > 建站经验 > 正文

php项目中百度 UEditor 简单安装调试和调用

2024-04-25 20:39:11
字体:
来源:转载
供稿:网友

对于新手来说,只要能实现功能即可,其它设置完全默认。

预览图:

1.首先 到官网下载,这个不多说。下载后解压到网站你想要的目录,我这里放到根目录下在你需要使用编辑器的地方,插入如下HTML代码:

<!-- 加载编辑器的容器 -->

<!-- 以下脚本中增加文本为初始化内容 -->

<script id="container" name="sb_remarks" type="text/plain" style="width:600px;height:200px;">

<p>

<strong><span style="font-size: 14px;">备注:</span></strong>

</p>

<p>

<br/>

</p>

</script>

<!-- 配置文件 -->

<script type="text/javascript" src="./ueditor/ueditor.config.js"></script>

<!-- 编辑器源码文件 -->

<script type="text/javascript" src="./ueditor/ueditor.all.js"></script>

<!-- 实例化编辑器 -->

<script type="text/javascript">

var ue = UE.getEditor('container');

</script>

2.调用传值

只需在php文件中,加入一句

$sb_remarks=$_POST['sb_remarks'];

================================

下面是我的完整事例代码:

index.html:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus®">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<title>设备档案</title>

</head>

<body>

<form method="post" action="s.php" name="search" />

<input name="search" type="text" value="" size="15" />

<input type="submit" value="Search" />

</form>

<br/>

<hr/>

添加设备

<div>

<form action="sb_add.php" method="post">

设备名称:<input type="text" name="sb_name" /><br/>

编码型号:<input type="text" name="sb_numandtype" /><br/>

生产厂家:<input type="text" name="sb_home" /><br/>

启用日期:<input type="text" name="sb_usedate" /><br/>

安装位置:<input type="text" name="sb_address" /><br/>

<!--更新日期:<input type="text" name="sb_updatetime" /><br/>-->

<!--

<input type="text" name="sb_remarks" />

-->

<!-- 加载编辑器的容器 -->

<!-- 以下脚本中增加文本为初始化内容 -->

<script id="container" name="sb_remarks" type="text/plain" style="width:600px;height:200px;">

<p>

<strong><span style="font-size: 14px;">备注:</span></strong>

</p>

<p>

<br/>

</p>

</script>

<!-- 配置文件 -->

<script type="text/javascript" src="./ueditor/ueditor.config.js"></script>

<!-- 编辑器源码文件 -->

<script type="text/javascript" src="./ueditor/ueditor.all.js"></script>

<!-- 实例化编辑器 -->

<script type="text/javascript">

var ue = UE.getEditor('container');

</script>

<br/>

<br/>

<input type="submit" value="添加" />

</form>

</div>

</body>

</html>

sb_add.php

<?php

$con = mysql_connect("localhost","root","110");

if (!$con)

{

die('Could not connect: ' . mysql_error());

}

mysql_query("set names 'utf8'",$con);

mysql_select_db("bzec", $con);

$sb_name=$_POST['sb_name'];

$sb_numandtype=$_POST['sb_numandtype'];

$sb_home=$_POST['sb_home'];

$sb_usedate=$_POST['sb_usedate'];

$sb_address=$_POST['sb_address'];

//$sb_updatetime=$_POST['sb_updatetime'];

$sb_updatetime=date("Y-m-d G:i:s");

$sb_remarks=$_POST['sb_remarks'];

//$nikename= trim($nikename);

/*

if (!$nikename || !$email) //判断是否为空

{

echo '不能为空';

exit;

}

*/

$sql="INSERT INTO shebeidangan (sb_name,sb_numandtype,sb_home,sb_usedate,sb_address,sb_updatetime,sb_remarks)

VALUES

('$sb_name','$sb_numandtype','$sb_home','$sb_usedate','$sb_address','$sb_updatetime','$sb_remarks')";

if (!mysql_query($sql,$con))

{

die('Error: ' . mysql_error());

}

echo "ADD OK";

mysql_close($con)

?>

3.如果要修改 编辑器默认字体大小的话,在编辑器UEditor目录,ueditor.all.js文件里面查找“字体” ,就可以找到修改字号和字体的地方

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表