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图片上传类带图片显示
Nov 25 PHP
PHP HTML代码串 截取实现代码
Jun 29 PHP
基于Windows下Apache PHP5.3.1安装教程
Jan 08 PHP
PHP 引用文件技巧
Mar 02 PHP
php Smarty初体验二 获取配置信息
Aug 08 PHP
深入了解 register_globals (附register_globals=off 网站打不开的解决方法)
Jun 27 PHP
百度地图API应用之获取用户的具体位置
Jun 10 PHP
PHP中$this和$that指针使用实例
Jan 06 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
Nov 27 PHP
PHP上传图片、删除图片简单实例
Nov 12 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
Nov 20 PHP
laravel 配置路由 api和web定义的路由的区别详解
Sep 03 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
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
PHP 接入微信扫码支付总结(总结篇)
2016/11/03 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
javascript IFrame 强制刷新代码
2009/07/23 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
js跑步算法的实现代码
2013/12/04 Javascript
详解jquery中$.ajax方法提交表单
2014/11/03 Javascript
JS返回iframe中frameBorder属性值的方法
2015/04/01 Javascript
省市二级联动小案例讲解
2016/07/24 Javascript
js仿百度音乐全选操作
2017/01/13 Javascript
laydate日历控件使用方法详解
2017/11/20 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
原生js实现无缝轮播图
2020/01/11 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
vue等两个接口都返回结果再执行下一步的实例
2020/09/08 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
python 打印对象的所有属性值的方法
2016/09/11 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
解决python3爬虫无法显示中文的问题
2018/04/12 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
怎么解决pycharm license Acti的方法
2020/10/28 Python
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
自我鉴定怎么写
2013/12/05 职场文书
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
法人授权委托书格式
2014/04/08 职场文书
努力学习演讲稿
2014/05/10 职场文书
民主生活会对照检查材料范文
2014/10/01 职场文书
详解MySQL的半同步
2021/04/22 MySQL
Mysql开启外网访问
2022/05/15 MySQL
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL