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中查询SQL Server或Sybase时TEXT字段被截断的解决方法
Mar 10 PHP
php strcmp使用说明
Apr 22 PHP
UCenter 批量添加用户的php代码
Jul 17 PHP
Laravel框架表单验证详解
Sep 04 PHP
ThinkPHP自动完成中使用函数与回调方法实例
Nov 29 PHP
深入浅析PHP无限极分类的案例教程
May 09 PHP
PHP5.4起内置web服务器使用方法
Aug 09 PHP
PHP+Ajax无刷新带进度条图片上传示例
Feb 08 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
Jul 03 PHP
PHP从尾到头打印链表实例讲解
Sep 27 PHP
PHP实现一个轻量级容器的方法
Jan 28 PHP
apache集成php7.3.5的详细步骤
Jun 20 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版国家代码、缩写查询函数代码
2011/08/14 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
基于JQuery 的消息提示框效果代码
2011/07/31 Javascript
基于JQuery的多标签实现代码
2012/09/19 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
JavaScript判断变量名是否存在数组中的实例
2017/12/28 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
vue删除html内容的标签样式实例
2018/09/13 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
python类的继承实例详解
2017/03/30 Python
详解Python pygame安装过程笔记
2017/06/05 Python
python使用folium库绘制地图点击框
2018/09/21 Python
python抖音表白程序源代码
2019/04/07 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
在python3中实现更新界面
2020/02/21 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
会计实习自我鉴定
2013/12/04 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
功夫熊猫观后感
2015/06/10 职场文书
六一亲子活动感想
2015/08/07 职场文书
同学联谊会邀请函
2019/06/24 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
python cv2图像质量压缩的算法示例
2021/06/04 Python
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技