码迷,mamicode.com
首页 > Web开发 > 详细

ueditor PHP版本使用方法

时间:2017-04-02 12:23:44      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:asc   方法   配置文件   theme   目录   ima   文件   edit   技术   

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 PHP版本使用方法

标签:asc   方法   配置文件   theme   目录   ima   文件   edit   技术   

原文地址:http://www.cnblogs.com/yangzailu/p/6658706.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!