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 is_file()和is_dir()用于遍历目录时用法注意事项
Mar 02 PHP
PHP详解ASCII码对照表与字符转换
Dec 05 PHP
PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码
Feb 14 PHP
基于php在各种web服务器的运行模式详解
Jun 03 PHP
ThinkPHP表单自动验证实例
Oct 13 PHP
php模拟用户自动在qq空间发表文章的方法
Jan 07 PHP
php实现用于验证所有类型的信用卡类
Mar 24 PHP
PHP、Java des加密解密实例
Apr 27 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
Mar 16 PHP
详解使用php调用微信接口上传永久素材
Apr 11 PHP
浅谈如何提高PHP代码质量之端到端集成测试
May 28 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
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
PHP实现将标点符号正则替换为空格的方法
2017/08/09 PHP
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
详解JS中的快速排序与冒泡
2017/01/10 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
jstree单选功能的实现方法
2017/06/07 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
小程序实现简单语音聊天的示例代码
2020/07/24 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛 DT VS HGT
2014/05/22 DOTA
Python多线程和队列操作实例
2015/06/21 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
Python selenium如何设置等待时间
2016/09/15 Python
使用Python绘制图表大全总结
2017/02/11 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
突袭HTML5之Javascript API扩展3—本地存储全新体验
2013/01/31 HTML / CSS
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
常见的软件开发流程有哪些
2015/11/14 面试题
干部培训自我鉴定
2014/01/22 职场文书
教师党员公开承诺书
2014/03/25 职场文书
党的群众路线教育实践活动查摆问题及整改措施
2014/10/10 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
2015年信息宣传工作总结
2015/05/26 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python