对于新手来说，只要能实现功能即可，其它设置完全默认。

预览图：

1.首先 到官网下载，这个不多说。下载后解压到网站你想要的目录，我这里放到根目录下在你需要使用编辑器的地方，插入如下HTML代码：

<!-- 加载编辑器的容器 -->

<!-- 以下脚本中增加文本为初始化内容 -->

    <script id="container" name="sb_remarks" type="text/plain" style="width:600px;height:200px;">

<p>

    <strong><span style="font-size: 14px;">备注：</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：

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>设备档案</title>

 </head>

 <body>

<form method="post" action="s.php" name="search" />

<input name="search" type="text" value="" size="15" />

<input type="submit" value="Search" />

</form>

<br/>

<hr/>

添加设备

<div>

 <form action="sb_add.php" method="post">

设备名称：<input type="text" name="sb_name" /><br/>

编码型号：<input type="text" name="sb_numandtype" /><br/>

生产厂家：<input type="text" name="sb_home" /><br/>

启用日期：<input type="text" name="sb_usedate" /><br/>

安装位置：<input type="text" name="sb_address" /><br/>

<!--更新日期：<input type="text" name="sb_updatetime" /><br/>-->

<!--

<input type="text" name="sb_remarks" />

-->

<!-- 加载编辑器的容器 -->

<!-- 以下脚本中增加文本为初始化内容 -->

    <script id="container" name="sb_remarks" type="text/plain" style="width:600px;height:200px;">

<p>

    <strong><span style="font-size: 14px;">备注：</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>

<br/>

<br/>

<input type="submit" value="添加" />

</form>

</div>

 </body>

</html>

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文件里面查找“字体” ，就可以找到修改字号和字体的地方

百度 UEditor 简单安装调试和调用，网上其它的教程太官方了，不适合新手的更多相关文章

  1. 富文本编辑器——百度UEditor插件安装教程

    一.使用环境 Win7 Eclipse jettty9 chrome 二.下载百度UEditor插件 1.下载地址:http://ueditor.baidu.com/website/download. ...

  2. DEDECMS：安装百度UEDITOR编辑器

    第一步:下载相对应编辑器的版本 首先,去百度搜索"百度ueditor编辑器",然后点击进入官网,找到下载页面.找到我们想要的编辑器的版本,看自己网站的编码是UTF-8还是GBK,下 ...

  3. 百度UEditor编辑器使用教程与使用方法

    我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享 ...

  4. 百度ueditor上传图片时如何设置默认宽高度

    百度ueditor上传图片时如何设置默认宽高度 一.总结 一句话总结:直接css或者js里面限制一下就好,可以用html全局限制一下图片的最大高度 直接css或者js里面限制一下就好,可以用html全 ...

  5. 百度ueditor的图片上传，前后端交互使用

    百度ueditor的使用 一个文本编辑器,看了网上很多文档写的很乱,这里拾人牙慧,整理下怎么使用. 这个东西如果不涉及到图片附件上传,其实很简单,就是几个前端文件,直接引用,然后配置下ueditor. ...

  6. 百度UEditor编辑器从word粘贴公式

    官网地址http://ueditor.baidu.com Git 地址 https://github.com/fex-team/ueditor 参考博客地址 http://blog.ncmem.com ...

  7. 百度ueditor中复制word图文时图片转存任然保持灰色不可用

    官网地址http://ueditor.baidu.com Git 地址 https://github.com/fex-team/ueditor 参考博客地址 http://blog.ncmem.com ...

  8. 百度ueditor实现word图片自动转存

    官网地址http://ueditor.baidu.com Git 地址 https://github.com/fex-team/ueditor 参考博客地址 http://blog.ncmem.com ...

  9. 百度ueditor 实例化 Cannot set property 'innerHTML' of null 完美解决方案

    此时此刻,我正在用博客园推荐的TinyMCE编辑器写这个博客,突然想起最近在项目中使用百度ueditor编辑器中的一些经历.所以记录在此,与大家分享. 不得不说,百度ueditor是一款很好的在线编辑 ...

随机推荐

  1. css列表

    列表是有三种形式: 1.无序列表,用来表示一个列表语义,并且每个项目与项目之间是不分先后顺序的 ul 的英文unordered list "无序列表" li  的英文  list ...

  2. Cocos2d-x3.2 使用物理引擎进行碰撞检测[转]

    通常在游戏简单逻辑判断和模拟真实的物理世界时,我们只需要在定时器中判断游戏中各个精灵的条件是否满足判断条件就可以了.例如,在飞机大战中,判断我方子弹和敌机是否发生碰撞一般在定时器中通过敌机所在位置的矩 ...

  3. 如何在IIS7上配置 FTP7并使用IIS管理凭据方式进行验证？

    如何在IIS7上配置 FTP7并使用IIS管理凭据方式进行验证? 在 Windows Server 2008 R2 发布后,gOxiA 就开始着手于相关的测试和评估.IIS 是重点测试和评估之一!而今 ...

  4. WEB 安全之 SQL注入 < 二 > 暴库

    SQL注入是一个比较"古老"的话题,虽然现在存在这种漏洞的站点比较少了,我们还是有必要了解一下它的危害,及其常用的手段,知己知彼方能百战不殆.进攻与防守相当于矛和盾的关系,我们如果 ...

  5. windows下忘记mysql密码怎么办

    长时间不用mysql,密码忘记了怎么办,按照下面的步骤可以重新设置密码: 1.先把mysql服务停了,右键计算机-->选择管理-->选择服务和应用程序-->选择服务-->找到m ...

  6. cocos2dx lua 绑定之二：手动绑定自定义类中的函数

    cococs2dx 3.13.1 + vs2013 + win10 1.首先按照<cocos2dx lua 绑定之一:自动绑定自定义类>绑定Student类 2.在Student类中增加一 ...

  7. 浅析人脸检测之Haar分类器方法

    一.Haar分类器的前世今生 人脸检测属于计算机视觉的范畴,早期人们的主要研究方向是人脸识别,即根据人脸来识别人物的身份,后来在复杂背景下的人脸检测需求越来越大,人脸检测也逐渐作为一个单独的研究方向发 ...

  8. Robotlegs2 学习笔记 -- SwiftSuspenders 2.x （2）

    Swiftsuspenders2简介 Swiftsuspenders2是一个基于元数据(metadata)的IOC(控制反转,inversion of control)的AS3的解决方案.(对于元数据 ...

  9. DIV CSS布局容易忽略的属性

    white-space:pre //保留空格,不然又多个空格值显示一个 white-space:nowrap //强制不换行,知道遇到</br> letter-spacing //字母间的 ...

  10. OpenJudge 核电站

    描述 一个核电站有N个放核物质的坑,坑排列在一条直线上.如果连续M个坑中放入核物质,则会发生爆炸,于是,在某些坑中可能不放核物质. 任务:对于给定的N和M,求不发生爆炸的放置核物质的方案总数 输入 只 ...