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 相关文章推荐
用libTemplate实现静态网页的生成
Oct 09 PHP
小文件php+SQLite存储方案
Sep 04 PHP
在smarty中调用php内置函数的方法
Feb 07 PHP
php实例分享之通过递归实现删除目录下的所有文件详解
May 15 PHP
Yii分页用法实例详解
Dec 04 PHP
php字符串按照单词进行反转的方法
Mar 14 PHP
php快速查找数据库中恶意代码的方法
Apr 01 PHP
php线性表的入栈与出栈实例分析
Jun 12 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
Mar 07 PHP
php使用Jpgraph创建折线图效果示例
Feb 15 PHP
php实现二叉树中和为某一值的路径方法
Oct 14 PHP
实例分析10个PHP常见安全问题
Jul 09 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/21 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
jQuery中:focus选择器用法实例
2014/12/30 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
2015/03/03 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
2018/06/26 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
vuex存取值和映射函数使用说明
2020/07/24 Javascript
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
python删除过期文件的方法
2015/05/29 Python
python matplotlib中文显示参数设置解析
2017/12/15 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
PyCharm在新窗口打开项目的方法
2019/01/17 Python
Python中面向对象你应该知道的一下知识
2019/07/10 Python
Python操作qml对象过程详解
2019/09/26 Python
Python同时处理多个异常的方法
2020/07/28 Python
英国女士家居服网站:hush
2017/08/09 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
UNIX文件名称有什么规定
2013/03/25 面试题
小学生自我鉴定
2013/10/12 职场文书
师范应届生求职信
2013/11/15 职场文书
列车长先进事迹材料
2014/01/25 职场文书
四年级评语大全
2014/04/21 职场文书
优秀学生干部先进事迹材料
2014/05/26 职场文书
校庆标语集锦
2014/06/25 职场文书
2014国庆节商场促销活动策划方案
2014/09/16 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
《颐和园》教学反思
2016/02/19 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS