Heim  >  Artikel  >  Backend-Entwicklung  >  Baidu UEditor ist einfach zu installieren, zu debuggen und aufzurufen. Andere Tutorials im Internet sind zu offiziell und für Anfänger nicht geeignet.

Baidu UEditor ist einfach zu installieren, zu debuggen und aufzurufen. Andere Tutorials im Internet sind zu offiziell und für Anfänger nicht geeignet.

WBOY
WBOYOriginal
2016-08-08 09:22:131107Durchsuche

Für Anfänger gilt: Solange die Funktion realisiert werden kann, sind andere Einstellungen völlig standardmäßig.

Vorschau:

1. Erster Download von der offiziellen Website, nicht viel zu sagen. Entpacken Sie es nach dem Herunterladen in das gewünschte Verzeichnis auf der Website. Fügen Sie dort, wo Sie den Editor verwenden müssen, den folgenden HTML-Code ein:

<!-- 加载编辑器的容器 -->
<!-- 以下脚本中增加文本为初始化内容 -->
    <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. Rufen Sie auf, um den Wert zu übergeben

fügen Sie einfach einen Satz hinzu

$sb_remarks=$_POST['sb_remarks'];

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

Das Folgende ist mein vollständiger Beispielcode:

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. Wenn Sie die Standardschriftgröße des Editors ändern möchten, suchen Sie im UEditor-Verzeichnis des Editors nach ueditor.all. js-Datei „Font“ finden Sie den Ort, an dem Sie die Schriftgröße und Schriftart ändern können

Das Obige stellt die einfache Installation, das Debuggen und das Aufrufen von Baidu UEditor vor. Andere Tutorials im Internet sind zu offiziell und nicht für Anfänger geeignet. Ich hoffe, dass sie für Freunde, die sich für PHP-Tutorials interessieren, hilfreich sein werden.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn