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


Posted in PHP onJuly 15, 2015

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

预览图:

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作的文本留言本的例子(六)
Oct 09 PHP
批量修改RAR文件注释的php代码
Nov 20 PHP
给初学者的30条PHP最佳实践(荒野无灯)
Aug 02 PHP
APACHE的AcceptPathInfo指令使用介绍
Jan 18 PHP
php封装的连接Mysql类及用法分析
Dec 10 PHP
PHP会员找回密码功能的简单实现
Sep 05 PHP
PHPCMS2008广告模板SQL注入漏洞修复
Oct 11 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
Aug 07 PHP
Laravel用户授权系统的使用方法示例
Sep 16 PHP
PHP格式化显示时间date()函数代码
Oct 03 PHP
php中的钩子理解及应用实例分析
Aug 30 PHP
PHP rsa加密解密算法原理解析
Dec 09 PHP
PHP开发Apache服务器配置
Jul 15 #PHP
ajax+php控制所有后台函数调用
Jul 15 #PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
Jul 15 #PHP
php实现网页缓存的工具类分享
Jul 14 #PHP
浅谈php错误提示及查错方法
Jul 14 #PHP
浅谈php的优缺点
Jul 14 #PHP
使用URL传输SESSION信息
Jul 14 #PHP
You might like
php框架Phpbean说明
2008/01/10 PHP
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
PHP导入导出Excel代码
2015/07/07 PHP
使用PHP实现生成HTML静态页面
2015/11/18 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
javascript实现的在当前窗口中漂浮框的代码
2010/03/15 Javascript
读jQuery之十一 添加事件核心方法
2011/07/31 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
基于JavaScript实现移动端TAB触屏切换效果
2015/10/20 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
vue-resource + json-server模拟数据的方法
2017/11/02 Javascript
D3.js实现简洁实用的动态仪表盘的示例
2018/04/04 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
对pytorch中的梯度更新方法详解
2019/08/20 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
python list多级排序知识点总结
2019/10/23 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
浅析Python迭代器的高级用法
2020/07/16 Python
如何进行有效的自我评价
2013/09/27 职场文书
七年级英语教学反思
2014/01/15 职场文书
警示教育活动总结
2014/05/05 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
红色革命电影观后感
2015/06/18 职场文书
首次购房证明
2015/06/19 职场文书
升学宴家长致辞
2015/07/27 职场文书
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python