ueditor PHP版本使用方法

收入啤酒88 · 发表于 2017-12-29 17:56:45

　　1.ueditor是百度很好用的一款文本编辑器，第一次使用，在此记录使用方法。
　　2.从http://ueditor.baidu.com/website/download.html#ueditor下载editor php utf-8版本

　　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.config.js：配置文件（可以创建多个不同版本，在多个地方使用）
　　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;" />
　　<title>editor测试</title>
　　<script src="/ueditor/ueditor.config.js">/*引入配置文件*/</script>
　　<script src="/ueditor/ueditor.all.js">/*引入源码文件*/</script>
　　
</head>
　　
<body>
　　<textarea rows="10" cols="70">55222</textarea>
　　<script type="text/javascript">
　　UE.getEditor("content");//实例化编辑器传参,id为将要被替换的容器。
　　</script>
　　
</html>
　　

　　引入效果：

　　6.有时候我们用ueditor的时候并不需要这么多功能，需要简化该功能，那么怎么简化呢？
　　简化功能有两种方式，一是修改配置文件，二是传参。
　　修改配置文件：ueditor.config.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);
　　

?>　　

　　打印结果：

　　结果：

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

账号		自动登录	找回密码
密码			立即注册

HERE 使用 AWS EF 和 JFrog Artifactory 打

wirelessnetview好用的无线分析工具

Red Hat RHCE 8 (EX294) Cert Guide

亿图图示专家(EDraw Max) V7.9 中文破解版

zabbix3.4.1安装部署+微信推送信息+大屏显

Red Hat OpenShift I: Containers & Kubern

2025 年，C++ 还能“硬核”多久？

[经验分享] ueditor PHP版本使用方法

扫码加入运维网微信交流群