php ueditor mysql_ueditor PHP版本使用方法

1.ueditor是百度很好用的一款文本编辑器,第一次使用,在此记录使用方法。

26447a26b5c04ead6180c3b1191a0f5b.png

3.解压:说明

15e9fb59b9b651dc835a2f228e0dd912.png

dialogs:存放的是弹出对话框对应的资源,还有js文件和js文件资源

lang:语言文件目录

php:php目录:php文件->config.json:配置文件

themes:主题目录

third-party:第三方插件

index.html:demo

ueditor.all.js:ueditor源码文件

ueditor.all.min.js:ueditor源码文件压缩版

ueditor.config.js:配置文件(可以创建多个不同版本,在多个地方使用)

ueditor.parse.js:第三方插件

ueditor.parse.min.js:第三方插件压缩版

4.在文件中建立index.html文件,引入ueditor,两者放在平级目录中:如下:

397e574d566942e0463e89fe90dec645.png

5.在index.html中引入ueditor,index.html编辑如下:

editor测试

/*引入配置文件*/

/*引入源码文件*/

55222

UE.getEditor("content");//实例化编辑器 传参,id为将要被替换的容器。

引入效果:

7bac01965399305683f10d6c52a9dbfe.png

6.有时候我们用ueditor的时候并不需要这么多功能,需要简化该功能,那么怎么简化呢?

简化功能有两种方式,一是修改配置文件,二是传参。

修改配置文件:ueditor.config.js 用文本编辑器打开。

38ba289c07025d572a44e1955917c6d3.png

在index.html实例化时选择自己需要的属性进行传参:index,html传参如下:

965ea589b42a47844cbf6264add0b3e5.png

效果:

b515efe2194877435f5415449c5f4926.png

7.此时文本框的宽度为100%,那么怎么设置文本框的宽度呢?可以在textarea中用style属性定义;

11f872ff945b543bfdaf28e5c39a0b27.png

效果:

eac55b3932d7a41c535561d310ac7c4d.png

也可以用其他方法定义宽度:渲染后自动执行该方法:只可以设置高度,要设置宽度可以在style里面设置。

f6ee535546792db8dabdf6f0de0de7bc.png

效果:

03be6f283974458f6c8b7bf5a29524be.png

8.也可以在配置文件中寻找方法配置编辑器的宽和高:

9f4e6f498ea020fa2642e506a36a2d20.png

9.是否启用元素路径,默认是显示,可以关闭:true->false;

4dc6bc25c2bb375e4a6d9ee6d71bbcf4.png

9a769fcb06abf9095048c196ce12eeb9.png

10.获取textarea中的值:

0477fdffbd120f755e7a75b5690e3b72.png

新建data.php文件:打印提交的内容值:

header("Content-type: text/html; charset=utf-8");

print_r($_POST);?>

打印结果:

e98baf017f181166043573a89ecc52db.png

76db6ab74de80ca21abb08880239b229.png

结果:

3f470a46cbd96088ed60ad609d7b8089.png

11.textarea也可以用script来替换:

1f7b53f800629b892f3e542d9337d26b.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值