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

前端技术 2023/09/07 PHP

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

预览图：

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文件里面查找“字体” ，就可以找到修改字号和字体的地方

以上所述就是本文的全部内容了，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/19748

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案