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+Tidy-完美的XHTML纠错+过滤
Apr 10 PHP
php magic_quotes_gpc的一点认识与分析
Aug 18 PHP
PHP中file_exists与is_file,is_dir的区别介绍
Sep 12 PHP
PHP flock 文件锁详细介绍
Dec 29 PHP
php学习笔记之面向对象编程
Dec 29 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
Apr 08 PHP
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
May 10 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
Aug 19 PHP
php实现删除指定目录下相关文件的方法
Oct 20 PHP
php的crc32函数使用时需要注意的问题(不然就是坑)
Apr 21 PHP
分享PHP-pcntl 实现多进程代码
Sep 30 PHP
php项目中类的自动加载实例讲解
Sep 12 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基于Snoopy解析网页html的方法
2015/07/09 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
JQuery筛选器全系列介绍
2013/08/27 Javascript
JavaScript中的prototype和constructor简明总结
2014/04/05 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
ES6中Array.includes()函数的用法
2017/09/20 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
vue的keep-alive用法技巧
2019/08/15 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
Python version 2.7 required, which was not found in the registry
2014/08/26 Python
实例说明Python中比较运算符的使用
2015/05/13 Python
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
python读取和保存视频文件
2018/04/16 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
银行存款证明样本
2014/01/17 职场文书
人力资源管理专业毕业生自荐书
2014/05/25 职场文书
2014年商场工作总结
2014/11/22 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
oracle索引总结
2021/09/25 Oracle