对于新手来说,只要能实现功能即可,其它设置完全默认。
预览图:
1.首先 到官网下载,这个不多说。下载后解压到网站你想要的目录,我这里放到根目录下在你需要使用编辑器的地方,插入如下HTML代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!-- 加载编辑器的容器 --> <!-- 以下脚本中增加文本为初始化内容 --> < 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文件中,加入一句
1
|
$sb_remarks = $_POST [ 'sb_remarks' ]; |
================================
下面是我的完整事例代码:
index.html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<!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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<?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文件里面查找“字体” ,就可以找到修改字号和字体的地方
以上所述就是本文的全部内容了,希望大家能够喜欢。