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 相关文章推荐
基于文本的访客签到簿
Oct 09 PHP
PHP编程之高级技巧——利用Mysql函数
Oct 09 PHP
不错的一篇面向对象的PHP开发模式(简写版)
Mar 15 PHP
两个开源的Php输出Excel文件类
Feb 08 PHP
php 生成唯一id的几种解决方法
Mar 08 PHP
php实现屏蔽掉黑帽SEO的搜索关键字
Apr 15 PHP
PHP简单读取PDF页数的实现方法
Jul 21 PHP
PHP使用curl制作简易百度搜索
Nov 03 PHP
PHP whois查询类定义与用法示例
Apr 03 PHP
thinkPHP+LayUI 流加载实现功能
Sep 27 PHP
phpmyadmin在宝塔面板里进不去的解决方案
Jul 06 PHP
PHP 8新特性简介
Aug 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 表单数据的获取代码
2009/03/10 PHP
一步一步学习PHP(8) php 数组
2010/03/05 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
PHP计算日期相差天数实例分析
2016/02/23 PHP
yii2缓存Caching基本用法示例
2016/07/18 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
从JavaScript的函数重名看其初始化方式
2007/03/08 Javascript
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
AngularJS入门教程之Hello World!
2014/12/06 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
2018/09/28 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
2019/05/05 Javascript
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
TF-IDF算法解析与Python实现方法详解
2017/11/16 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
人事档案接收函
2014/01/12 职场文书
《风筝》教学反思
2014/04/10 职场文书
初三学生评语大全
2014/04/24 职场文书
企业标语口号
2014/06/10 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
社区务虚会发言材料
2014/10/20 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
新闻稿格式范文
2015/07/18 职场文书
漫改真人电影「萌系男友是燃燃的橘色」公开先导视觉图
2022/03/21 日漫