ueditorPHP版本使⽤⽅法1.ueditor是百度很好⽤的⼀款⽂本编辑器,第⼀次使⽤,在此记录使⽤⽅法。
3.解压:说明
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.parse.js:第三⽅插件
ueditor.parse.min.js:第三⽅插件压缩版
4.在⽂件中建⽴index.html⽂件,引⼊ueditor,两者放在平级⽬录中:如下:
5.在index.html中引⼊ueditor,index.html编辑如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>editor测试</title>
<script src="/fig.js">/*引⼊配置⽂件*/</script>
<script src="/ueditor/ueditor.all.js">/*引⼊源码⽂件*/</script>
</head>
php文件下载源码<body>
<textarea id="content" rows="10" cols="70" >55222</textarea>
<script type="text/javascript">
</script>
</html>
引⼊效果:
6.有时候我们⽤ueditor的时候并不需要这么多功能,需要简化该功能,那么怎么简化呢?
简化功能有两种⽅式,⼀是修改配置⽂件,⼆是传参。
修改配置⽂件:fig.js ⽤⽂本编辑器打开。
在index.html实例化时选择⾃⼰需要的属性进⾏传参:index,html传参如下:
效果:
7.此时⽂本框的宽度为100%,那么怎么设置⽂本框的宽度呢?可以在textarea中⽤style属性定义;
效果:
也可以⽤其他⽅法定义宽度:渲染后⾃动执⾏该⽅法:只可以设置⾼度,要设置宽度可以在style⾥⾯设置。
效果:
8.也可以在配置⽂件中寻⽅法配置编辑器的宽和⾼:
9.是否启⽤元素路径,默认是显⽰,可以关闭:true->false;
10.获取textarea中的值:
新建data.php⽂件:打印提交的内容值:<?php
header("Content-type: text/html; charset=utf-8"); print_r($_POST);
>
打印结果:
结果:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论