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 19 PHP
PHP中的正则表达式函数介绍
Feb 27 PHP
php 文件上传实例代码
Apr 19 PHP
PHP 如何利用phpexcel导入数据库
Aug 24 PHP
php根据日期判断星座的函数分享
Feb 13 PHP
解决PhpMyAdmin中导入2M以上大文件限制的方法分享
Jun 06 PHP
PHP读取RSS(Feed)简单实例
Jun 12 PHP
php中magic_quotes_gpc对unserialize的影响分析
Dec 16 PHP
高质量PHP代码的50个实用技巧必备(上)
Jan 22 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
Mar 17 PHP
tp5框架使用composer实现日志记录功能示例
Jan 10 PHP
Laravel使用RabbitMQ的方法示例
Jun 18 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实例分享之html转为rtf格式
2014/06/02 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
2015/09/06 Javascript
Javascript之String对象详解
2016/06/08 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
简单实现IONIC购物车功能
2017/01/10 Javascript
javascript编写简易计算器
2017/05/06 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
基于jQuery实现无缝轮播与左右点击效果
2018/05/13 jQuery
JS正则表达式常见用法实例详解
2018/06/19 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
记React connect的几种写法(小结)
2018/09/18 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[04:09]2018年度DOTA2社区贡献奖-完美盛典
2018/12/16 DOTA
[59:53]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第二场 3月6日
2021/03/11 DOTA
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
python实现梯度下降算法
2020/03/24 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
canvas实现按住鼠标移动绘制出轨迹的示例代码
2018/02/05 HTML / CSS
办公室文秘岗位职责
2013/11/15 职场文书
讲座主持词
2014/03/20 职场文书
教研活动总结
2014/04/28 职场文书
专科应届毕业生求职信
2014/06/04 职场文书
机关干部作风建设剖析材料
2014/10/23 职场文书
公司周年庆典致辞
2015/07/30 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang