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字符串截取中文截取2,单字节截取模式
Dec 10 PHP
PHP 各种排序算法实现代码
Aug 20 PHP
Ajax+PHP 边学边练 之二 实例
Nov 24 PHP
解析php addslashes()与addclashes()函数的区别和比较
Jun 24 PHP
php 常用算法和时间复杂度
Jul 01 PHP
PHP中imagick函数的中文解释
Jan 21 PHP
PHP实现动态web服务器方法
Jul 29 PHP
Yii2创建多界面主题(Theme)的方法
Oct 08 PHP
PHP基于接口技术实现简单的多态应用完整实例
Apr 26 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
Mar 01 PHP
PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
May 21 PHP
php解压缩zip和rar压缩包文件的方法
Jul 10 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
为查询结果建立向后/向前按钮
2006/10/09 PHP
PHP新手上路(八)
2006/10/09 PHP
PHP Smarty生成EXCEL文档的代码
2008/08/23 PHP
PHP 读取文件内容代码(txt,js等)
2009/12/06 PHP
php 使用array函数实现分页
2015/02/13 PHP
php中使用websocket详解
2016/09/23 PHP
Js四则运算函数代码
2012/07/21 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
2012/12/28 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
Javascript连接Access数据库完整实例
2015/08/03 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
vue-router之nuxt动态路由设置的两种方法小结
2018/09/26 Javascript
关于layui 弹出层一闪而过就消失的解决方法
2019/09/09 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
Python中的 is 和 == 以及字符串驻留机制详解
2019/06/28 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
2019/09/02 Python
python 实现从高分辨图像上抠取图像块
2020/01/02 Python
浅谈keras使用预训练模型vgg16分类,损失和准确度不变
2020/07/02 Python
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
创业大赛策划书
2014/03/01 职场文书
中秋寄语大全
2014/04/11 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
开展批评与自我批评心得体会
2014/10/17 职场文书
2014年销售员工作总结
2014/12/01 职场文书
挂职个人工作总结
2015/03/05 职场文书
导游词之凤凰古城
2019/10/22 职场文书
React 高阶组件HOC用法归纳
2021/06/13 Javascript