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 格式化数字的时候注意数字的范围
Apr 13 PHP
php cookie使用方法学习笔记分享
Nov 07 PHP
php使用pack处理二进制文件的方法
Jul 03 PHP
PHP之uniqid()函数用法
Nov 03 PHP
PHP中array_keys和array_unique函数源码的分析
Feb 26 PHP
JavaScript实现删除电脑的关机键
Jul 26 PHP
Django 中 cookie的使用
Aug 17 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
Jul 26 PHP
Laravel Eloquent ORM 多条件查询的例子
Oct 10 PHP
php 命名空间(namespace)原理与用法实例小结
Nov 13 PHP
PHP中关于php.ini参数优化详解
Feb 28 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
Apr 23 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
adodb与adodb_lite之比较
2006/12/31 PHP
php 显示指定路径下的图片
2009/10/29 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
详解PHP序列化反序列化的方法
2015/10/27 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
Js 本页面传值实现代码
2009/05/17 Javascript
json 入门基础教程 推荐
2009/10/31 Javascript
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
angularjs实现时间轴效果的示例代码
2017/11/29 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
Python导入oracle数据的方法
2015/07/10 Python
python用户管理系统的实例讲解
2017/12/23 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
用python实现刷点击率的示例代码
2019/02/21 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
英国玛莎百货澳大利亚:Marks & Spencer Australia
2019/08/30 全球购物
报纸媒体创意广告词
2014/03/17 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
承诺书范文
2014/06/03 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
高中班主任评语
2014/12/30 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
班主任远程培训研修日志
2015/11/13 职场文书