Baidu UEditor는 설치, 디버그 및 호출이 간단합니다. 인터넷의 다른 튜토리얼은 너무 공식적이어서 초보자에게는 적합하지 않습니다.

WBOY
풀어 주다: 2016-08-08 09:22:13
원래의
1125명이 탐색했습니다.

초보자의 경우 기능을 구현할 수 있는 한 다른 설정은 완전히 기본값입니다.

미리보기:

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. 값 전달

문장 추가

$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.all에서 검색하세요. js 파일 "Font"에서 글꼴 크기와 글꼴을 수정할 수 있는 위치를 찾을 수 있습니다

위는 Baidu UEditor의 간단한 설치, 디버깅 및 호출을 소개합니다. 인터넷의 다른 튜토리얼은 너무 공식적이어서 초보자에게 적합하지 않습니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿