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;charset=UTF-8" />

    <title>editor测试</title>

    <script src="/ueditor/ueditor.config.js">/*引入配置文件*/</script>

    <script src="/ueditor/ueditor.all.js">/*引入源码文件*/</script>

</head>

<body>

    <textarea id="content" rows="10" cols="70" style="border:1px solid #E5E5E5;">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来替换：

ueditor PHP版本使用方法的更多相关文章

  1. 远程仓库版本回退方法 good

    1 简介 最近在使用git时遇到了远程分支需要版本回滚的情况,于是做了一下研究,写下这篇博客. 2 问题 如果提交了一个错误的版本,怎么回退版本? 如果提交了一个错误的版本到远程分支,怎么回退远程分支 ...

  2. 切换Ubuntu系统python默认版本的方法

    另附切换系统python默认版本的方法: 先使用命令: update-alternatives --list python 查看python命令的各种可能结果, 例如我的结果: /usr/bin/py ...

  3. 【转】python 2.6.6升级到python 2.7.x版本的方法

    1.下载python2.7.x wget https://www.python.org/ftp/python/2.7.6/Python-2.7.6.tgz 2.解压并编译安装 tar -zxvf Py ...

  4. Linux中查看系统版本的方法

    一.Linux系统中,XShell连接进去之后,查看系统版本的方法如下: 1.查找release文件 find /etc/ -name *-release 例如: 或者 2.查看release文件 c ...

  5. Git 代码版本还原方法

    因为我的个人网站 restran.net 已经启用,博客园的内容已经不再更新.请访问我的个人网站获取这篇文章的最新内容,Git 代码版本还原方法 在使用 Git 管理自己的代码和资料时,难免会遇到意料 ...

  6. 查看Linux 、Nginx、 MySQL 、 PHP 版本的方法

    参考:查看Linux .Apache . MySQL . PHP 版本的方法 1.查看Linux版本: uname -a: more /etc/issue; cat /proc/version; 2. ...

  7. SQLSERVER 升级版本的方法

    1. 以SQLSERVER2014为例说明 SQLSERVER升级版本的方法, 也适用于evaluation 版本超过180天之后的处理. 2. 打开所有的应用 看到有一个 sqlserver2008 ...

  8. thinkphp和ueditor自定义后台处理方法整合

    先了解一下ueditor后台请求参数与返回参数格式规范: 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 ...

  9. 【MYSQL】mysql-5.6.19-win32免安装版本配置方法

    [MYSQL]mysql-5.6.19-win32免安装版本配置方法 1.文件下载网站(http://dev.mysql.com/downloads/): 具体下载地址:http://211.136. ...

随机推荐

  1. jquery源码解析：代码结构分析

    本系列是针对jquery2.0.3版本进行的讲解.此版本不支持IE8及以下版本. (function(){ (21, 94)     定义了一些变量和函数,   jQuery = function() ...

  2. uC/OS-II 函数之时间相关函数

    获得更多资料欢迎进入我的网站或者 csdn或者博客园 对于有热心的小伙伴在微博上私信我,说我的uC/OS-II 一些函数简介篇幅有些过于长应该分开介绍.应小伙伴的要求,特此将文章分开进行讲解.上文主要 ...

  3. 使用Avd 调试慢的解决方案

         AVD 太慢了,不仅启动,而且运行慢.以致于要用手机去调.你觉得这样方便吗?     如果没有一个简单快速的开发调试环境,把时间都浪费在启动,调试及等待上,那是对生命的浪费.   必要条件: ...

  4. json "key" 注意

    json 的key只能是字符串 必须使用 双引号

  5. C#-★★函数★★

    一个较大的程序一般应分为若干个程序块,每一个模块用来实现一个特定的功能.所有的高级语言中都有子程序这个概念,用子程序来实现模块的功能.在C#语言中,子程序的作用是由一个主函数和若干个函数构成.由主函数 ...

  6. JAVA普通内部类的用法

    内部类顾名思义就是定义在一个类的内部 内部类又有普通内部类.方法和域内的内部类.匿名内部类.嵌套内部类 普通内部类的基础用法 class MyClass{ class InnerClass1{ pub ...

  7. BZOJ - 2741 分块维护最大连续异或和

    题意:给定\(a[l...r]\),多次询问区间\([l,r]\)中的最大连续异或和\(a_i⊕a_{i+1}⊕...⊕a_{j},l≤i≤j≤r\) 一眼过去认为是不可做的,但题目给出\(n=1.2 ...

  8. springboot(十一)-为什么要用springboot

    前言 学习了一段时间springboot,一般都可以在项目中使用springboot开发了.因为springboot的东西并不多,或者说,springboot根本就没有新东西. 好了,现在问一句,我们 ...

  9. Vue.js路由跳转带参数到模板组件。

    从SalesOrderQuery组件跳到SalesOrder组件,并且通过params属性携带数据. handleClick(row) { //alert(row.FSaleName);//获取该行F ...

  10. 牛客练习赛28-B（线段树，区间更新）

    牛客练习赛28 - B 传送门 题目 qn姐姐最好了~ ​ qn姐姐给你了一个长度为n的序列还有m次操作让你玩, ​ 1 l r 询问区间[l,r]内的元素和 ​ 2 l r 询问区间[l,r]内的 ...