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实现MVC开发得最简单的方法――模型
Apr 10 PHP
php学习之 认清变量的作用范围
Jan 26 PHP
php快速url重写 更新版[需php 5.30以上]
Apr 20 PHP
php将会员数据导入到ucenter的代码
Jul 18 PHP
php和jquery实现地图区域数据统计展示数据示例
Feb 12 PHP
PHP获取MySql新增记录ID值的3种方法
Jun 24 PHP
一个图片地址分解程序(用于PHP小偷程序)
Aug 23 PHP
phpstorm编辑器乱码问题解决
Dec 01 PHP
Yii核心验证器api详解
Nov 23 PHP
PHP文件操作详解
Dec 30 PHP
PHP信号处理机制的操作代码讲解
Apr 19 PHP
gearman中任务的优先级和返回状态实例分析
Feb 27 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开发文件系统实例讲解
2006/10/09 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
解析func_num_args与func_get_args函数的使用
2013/06/24 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
js的event详解。
2006/09/06 Javascript
Convert Seconds To Hours
2007/06/16 Javascript
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
VUE预渲染及遇到的坑
2018/09/03 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
react ant Design手动设置表单的值操作
2020/10/31 Javascript
python列表操作实例
2015/01/14 Python
python查找指定具有相同内容文件的方法
2015/06/28 Python
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
python简单利用字典破解zip文件口令
2020/09/07 Python
Crocs美国官方网站:卡骆驰洞洞鞋
2017/08/04 全球购物
安全资金保障制度
2014/01/23 职场文书
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL