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 相关文章推荐
在PHP3中实现SESSION的功能(三)
Oct 09 PHP
php防盗链的常用方法小结
Jul 02 PHP
PHP 文件系统详解
Sep 13 PHP
PHP递归调用的小技巧讲解
Feb 19 PHP
php session_start()出错原因分析及解决方法
Oct 28 PHP
php判断正常访问和外部访问的示例
Feb 10 PHP
yii2.0之GridView自定义按钮和链接用法
Dec 15 PHP
深入剖析浏览器退出之后php还会继续执行么
May 17 PHP
PHP获取不了React Native Fecth参数的解决办法
Aug 26 PHP
php中Redis的应用--消息传递
Mar 28 PHP
PHP简单实现循环链表功能示例
Nov 10 PHP
Centos7安装swoole扩展操作示例
Mar 26 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/12/04 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十六)
2014/06/30 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
js学习阶段总结(必看篇)
2016/06/16 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
vue实现点击关注后及时更新列表功能
2018/06/26 Javascript
微信小程序实现九宫格抽奖
2020/04/15 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
手动实现把python项目发布为exe可执行程序过程分享
2014/10/23 Python
编写同时兼容Python2.x与Python3.x版本的代码的几个示例
2015/03/30 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
python 将md5转为16字节的方法
2018/05/29 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
numpy中三维数组中加入元素后的位置详解
2019/11/28 Python
Python二元算术运算常用方法解析
2020/09/15 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
公关关系专员的自我评价分享
2013/11/20 职场文书
金融管理专业求职信
2014/07/10 职场文书
班主任寄语2015
2015/02/26 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
《半截蜡烛》教学反思
2016/02/19 职场文书
详解Python牛顿插值法
2021/05/11 Python
Win10系统下配置Java环境变量
2021/06/13 Java/Android
Python实现单例模式的5种方法
2021/06/15 Python
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js
MySQL导致索引失效的几种情况
2022/06/25 MySQL
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript