首頁  >  文章  >  後端開發  >  百度 UEditor 簡單安裝調試和調用,網上其它的教程太官方了,不適合新手

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

WBOY
WBOY原創
2016-08-08 09:22:131119瀏覽

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

預覽圖:

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教程有興趣的朋友有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn