百度 UEditor 簡單安裝調試和調用，網上其它的教程太官方了，不適合新手-php教程-PHP中文網

百度 UEditor 簡單安裝調試和調用，網上其它的教程太官方了，不適合新手

WBOY

發布： 2016-08-08 09:22:13

原創

1134 人瀏覽過

對於新手來說，只要能實現功能即可，其它設定完全預設。

預覽圖：

1.首先到官網下載，這個不多說。下載後解壓縮到網站你想要的目錄，我這裡放到根目錄下在你需要使用編輯器的地方，插入如下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>

登入後複製

2.呼叫傳值

只需在php檔案中，加入一句

$sb_remarks=$_POST['sb_remarks'];

登入後複製

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

下面是我的完整事例代碼：

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>

登入後複製

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.就可以找到修改字號和字體的地方

以上就介紹了百度 UEditor 簡單安裝調試和調用，網上其它的教程太官方了，不適合新手，包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。