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

 更新时间:2015年07月15日 12:47:36   转载 投稿:hebedich  
这篇文章主要介绍了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生成图片验证码-附五种验证码

    php生成图片验证码-附五种验证码

    这篇文章主要给大家讲解php生成图片验证码,包括数字验证码、数字和字母验证码、中文验证码、仿google验证码、算术验证码,实现此功能主要通过GD库,生成一张带有验证码的图片,并把验证码存在session中,本文讲解的比较全面,需要的朋友可以参考下
    2015-08-08
  • Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解

    Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解

    这篇文章主要介绍了Zend Framework动作助手(Zend_Controller_Action_Helper)用法,详细分析了动作助手Zend_Controller_Action_Helper功能,定义,使用方法与相关实现代码,需要的朋友可以参考下
    2016-03-03
  • php一次性删除前台checkbox多选内容的方法

    php一次性删除前台checkbox多选内容的方法

    如何一次性删除前台checkbox多选的内容,在本文将为大家介绍下php中时如何实现的,感兴趣的你可不要错过了哈
    2013-09-09
  • php代码把全角数字转为半角数字

    php代码把全角数字转为半角数字

    这篇文章介绍了php代码把全角数字转为半角数字的方法,涉及php针对数组的遍历、计算、输出等简单操作技巧,需要的朋友可以参考一下
    2007-12-12
  • Laravel学习教程之本地化模块

    Laravel学习教程之本地化模块

    这篇文章主要给大家介绍了关于Laravel学习教程之本地化模块的相关资料,文中通过示例代码给大家介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面跟着小编来一起学习学习吧。
    2017-08-08
  • PHP实现随机生成水印图片功能

    PHP实现随机生成水印图片功能

    这篇文章主要为大家详细介绍了PHP生成随机水印图片的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • PHP中使用memcache存储session的三种配置方法

    PHP中使用memcache存储session的三种配置方法

    下面简单说下PHP项目分布式部署中,SESSION的同步方案中的一种,使用Memcache来存储SESSION。并总结了三种配置方式,需要的朋友可以参考下
    2014-04-04
  • Windows和Linux中php代码调试工具Xdebug的安装与配置详解

    Windows和Linux中php代码调试工具Xdebug的安装与配置详解

    这篇文章主要介绍了Windows和Linux中php代码调试工具Xdebug的安装与配置详解,需要的朋友可以参考下
    2014-05-05
  • Laravel中validation验证 返回中文提示 全局设置的方法

    Laravel中validation验证 返回中文提示 全局设置的方法

    今天小编就为大家分享一篇Laravel中validation验证 返回中文提示 全局设置的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • PHP示例演示发送邮件给某个邮箱

    PHP示例演示发送邮件给某个邮箱

    文中通过示例代码介绍了php表单提交并发送邮件给某个邮箱,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04

最新评论