Welcome 微信登录

首页 / 网页编程 / PHP / php项目中百度 UEditor 简单安装调试和调用

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

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文件里面查找“字体” ,就可以找到修改字号和字体的地方
以上所述就是本文的全部内容了,希望大家能够喜欢。