Baidu UEditor is simple to install, debug and call. Other tutorials on the Internet are too official and not suitable for novices.-PHP Tutorial-php.cn

Baidu UEditor is simple to install, debug and call. Other tutorials on the Internet are too official and not suitable for novices.

WBOY

Release： 2016-08-08 09:22:13

Original

1135 people have browsed it

For novices, as long as the function can be realized, other settings are completely default.

Preview:

1. First download from the official website, not much to say. After downloading, unzip it to the directory you want on the website. I put it in the root directory. Where you need to use the editor, insert the following HTML code:

<!-- 加载编辑器的容器 -->
<!-- 以下脚本中增加文本为初始化内容 -->
    <script name="sb_remarks" type="text/plain">
<p>
    <strong><span>备注：</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>

Copy after login

2. Call the value

just in the php file , add a sentence

$sb_remarks=$_POST['sb_remarks'];

Copy after login

==================================

The following is my complete example code:

index.html：



 
  
   
  
 




添加设备

 
设备名称：

编码型号：

生产厂家：

启用日期：

安装位置：



<!-- 加载编辑器的容器 -->
<!-- 以下脚本中增加文本为初始化内容 -->
    <script name="sb_remarks" type="text/plain">
<p>
    <strong><span>备注：</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>

Copy after login

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)
?>

Copy after login

3. If you want to modify the default font size of the editor, search for "Font" in the editor UEditor directory, ueditor.all.js file, You can find the place to modify the font size and font

The above introduces the simple installation, debugging and calling of Baidu UEditor. Other tutorials on the Internet are too official and not suitable for novices. They include some aspects. I hope it will be helpful to friends who are interested in PHP tutorials.