首页 > 开发 > PHP > 正文

php项目中百度 UEditor 简单安装调试和调用

2024-05-04 22:35:51
字体:
来源:转载
供稿:网友

对于新手来说,只要能实现功能即可,其它设置完全默认。

预览图:

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>            
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表