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简介
Oct 09 PHP
从一个不错的留言本弄的mysql数据库操作类
Sep 02 PHP
劣质的PHP代码简化
Feb 08 PHP
php 参数过滤、数据过滤详解
Oct 26 PHP
PHP使用fopen与file_get_contents读取文件实例分享
Mar 04 PHP
PHP实现bitmap位图排序与求交集的方法
Jul 28 PHP
PHP实现的数独求解问题示例
Apr 18 PHP
php实现的三个常用加密解密功能函数示例
Nov 06 PHP
PHP生成随机数的方法总结
Mar 01 PHP
PHP实现微信小程序人脸识别刷脸登录功能
May 24 PHP
详解提高使用Java反射的效率方法
Apr 29 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
Apr 05 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
虫族 Zerg 历史背景
2020/03/14 星际争霸
亲密接触PHP之PHP语法学习笔记1
2006/12/17 PHP
解决控件遮挡问题:关于有窗口元素和无窗口元素
2007/01/28 PHP
php header功能的使用
2013/10/28 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
PHP利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
Yii分页用法实例详解
2014/12/04 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
jQuery代码优化之基本事件
2011/11/01 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
RequireJS使用注意细节
2016/05/15 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
2016/06/03 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
微信小程序从注册账号到上架(图文详解)
2019/07/17 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
python模拟鼠标拖动操作的方法
2015/03/11 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
python使用thrift教程的方法示例
2019/03/21 Python
python Django 创建应用过程图示详解
2019/07/29 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
英国豪华文具和皮具配件经典老品牌:Smythson(斯迈森)
2018/04/19 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
Unix/Linux开发面试题
2016/08/16 面试题
学习雷锋寄语大全
2014/04/11 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
药品营销专业毕业生自荐信
2014/07/02 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang