php项目中百度 UEditor 简单安装调试和调用
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
对于新手来说,只要能实现功能即可,其它设置完全默认。
预览图:
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="http://9i0i.com/pic.php?p=./ueditor/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="http://9i0i.com/pic.php?p=./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="http://9i0i.com/pic.php?p=./ueditor/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="http://9i0i.com/pic.php?p=./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 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
这篇文章主要介绍了PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例,需要的朋友可以参考下2015-05-05Laravel 5.4前后台分离,通过不同的二级域名访问方法
今天小编就为大家分享一篇Laravel 5.4前后台分离,通过不同的二级域名访问方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10Zend Framework实现Zend_View集成Smarty模板系统的方法
这篇文章主要介绍了Zend Framework实现Zend_View集成Smarty模板系统的方法,详细分析了视图组件Zend_View使用接口Zend_View_Interface继承Smarty的原理与实现技巧,需要的朋友可以参考下2016-03-03Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
这篇文章主要介绍了Laravel框架基于中间件实现禁止未登录用户访问页面功能,结合实例形式分析了Laravel框架中间件生成、注册及使用相关操作技巧,需要的朋友可以参考下2019-01-01PHP设计模式(四)原型模式Prototype实例详解【创建型】
这篇文章主要介绍了PHP设计模式:原型模式Prototype,结合实例形式详细分析了PHP原型模式Prototype的基本概念、功能、原理、实现方法与操作注意事项,需要的朋友可以参考下2020-05-05
最新评论