欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-05-26 11:21:27
对于新手来说，只要能实现功能即可，其它设置完全默认。 预览图： 1.首先 到官网下载，这个不多说。下载后解压到网站你想要的目录，我这里放到根目录下在你需要使用编辑器...

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

预览图：

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文件里面查找“字体” ，就可以找到修改字号和字体的地方

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

上一篇： PHP实现压缩图片尺寸并转为jpg格式的方法示例

下一篇： 使用jQuery和ajax代替iframe的方法(详解)

推荐阅读