UEditor编辑器使用方法及文件下载
2013-05-17 10:05
363 查看
一、请根据需要到官方网站下载(http://ueditor.baidu.com/build/build_down.php?t=1_2_5_1-utf8-php)(这是PHP服务器端的下载包)。
二、UEditor相关操作
1、在根目录下新建文件夹存放相关资源文件,此名为editor.
2、把下载的源码包里的相关文件拷贝到editor文件中。
3、在使用编辑器的html页面导入以下js文件
<script type="text/javascript" charset="utf-8" src="editor_config.js"></script>
<script type="text/javascript" charset="utf-8" src="editor_all.js"></script>
<script type="text/javascript" src="third-party/SyntaxHighlighter/shcore.js">
</script> <link rel="stylesheet" href="third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />
4、在html页面创建编辑容器并实例化编辑器,代码如下:
<textarea id="editor"></textarea>
<scripttype="text/javascript">
//实例化编辑器
var ue = UE.getEditor('editor');
</script>
5、在editor_config.js中查找URL变量,配置编辑器在你项目中的路径。如果不是放在项目当中使用,URL变量可以不用修改。但是在项目当中使用就一定得修改。
URL= UEDITOR_HOME_URL || "编辑器在你项目中的路径";//重要,必须正确配置
三、自定义配置
1、编辑器工具栏只显示源代码,并且初始化的时候进入源码模式。
在editor_config.js中查找 ,sourceEditorFirst:true;把前面的注释去掉,在html当中写入的代码如下
<script type="text/javascript">
//工具栏的功能
var editor = new baidu.editor.ui.Editor({
toolbars:[['source']] //自定义工具栏显示的按钮
});
editor.render("editor");
</script>
2、让编辑器宽自适应
在editor_config.js中查找
,initialFrameWidth:"100%" //把数值改成百分比
,scaleEnabled:true
,minFrameWidth:800 //编辑器拖动时最小宽度,默认800
,minFrameHeight:320 //编辑器拖动时最小高度,默认320
把前面的注释去掉就可以了。
以上的内容是我在项目当中遇到的问题。在网上搜索都没有找到满意的答案。自己慢慢研究后做一下总结,方便其他需要用到的朋友使用。
四.更多详细使用帮助请查看官方解释
在线文档:http://ueditor.baidu.com/website/document.html
UEditor论坛:http://www.ueditorbbs.com/forum.php
二、UEditor相关操作
1、在根目录下新建文件夹存放相关资源文件,此名为editor.
2、把下载的源码包里的相关文件拷贝到editor文件中。
3、在使用编辑器的html页面导入以下js文件
<script type="text/javascript" charset="utf-8" src="editor_config.js"></script>
<script type="text/javascript" charset="utf-8" src="editor_all.js"></script>
<script type="text/javascript" src="third-party/SyntaxHighlighter/shcore.js">
</script> <link rel="stylesheet" href="third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />
4、在html页面创建编辑容器并实例化编辑器,代码如下:
<textarea id="editor"></textarea>
<scripttype="text/javascript">
//实例化编辑器
var ue = UE.getEditor('editor');
</script>
5、在editor_config.js中查找URL变量,配置编辑器在你项目中的路径。如果不是放在项目当中使用,URL变量可以不用修改。但是在项目当中使用就一定得修改。
URL= UEDITOR_HOME_URL || "编辑器在你项目中的路径";//重要,必须正确配置
三、自定义配置
1、编辑器工具栏只显示源代码,并且初始化的时候进入源码模式。
在editor_config.js中查找 ,sourceEditorFirst:true;把前面的注释去掉,在html当中写入的代码如下
<script type="text/javascript">
//工具栏的功能
var editor = new baidu.editor.ui.Editor({
toolbars:[['source']] //自定义工具栏显示的按钮
});
editor.render("editor");
</script>
2、让编辑器宽自适应
在editor_config.js中查找
,initialFrameWidth:"100%" //把数值改成百分比
,scaleEnabled:true
,minFrameWidth:800 //编辑器拖动时最小宽度,默认800
,minFrameHeight:320 //编辑器拖动时最小高度,默认320
把前面的注释去掉就可以了。
以上的内容是我在项目当中遇到的问题。在网上搜索都没有找到满意的答案。自己慢慢研究后做一下总结,方便其他需要用到的朋友使用。
四.更多详细使用帮助请查看官方解释
在线文档:http://ueditor.baidu.com/website/document.html
UEditor论坛:http://www.ueditorbbs.com/forum.php
相关文章推荐
- Afinal加载网络图片及下载文件使用方法
- ASP.NET上传下载文件,使用TransmitFile方法实现下载。
- C#中网页文件下载——HttpWebRequest与HttpWebResponse的使用方法
- Afinal加载网络图片及下载文件使用方法
- 转 使用迅雷下载百度云盘大文件方法
- ASP.NET使用百度编辑器(UEditor)使用方法
- 使用HttpServletResponse对象下载文件时,第二次下载时报错的解决方法
- PDF文件怎么编辑-PDF编辑器的使用方法
- 织梦使用百度Ueditor编辑器上传图片自动生成绝对路径实现方法(测试可用)
- 代码编辑器Sublime Text 3 免费使用方法与简体中文汉化包下载
- Windows使用SSH Secure Shell实现免密码登录Linux的方法以及使用scp2命令免密码下载文件
- Ueditor百度编辑器中的 setContent()方法的使用
- ueditor-百度可视化编辑器简单使用方法
- ASP.NET使用百度编辑器(UEditor)使用方法
- php实现SAE上使用storage上传与下载文件的方法
- 百度UEditor编辑器使用教程与使用方法
- ASP.NET使用百度编辑器(UEditor)方法
- Linux下rz/sz安装及使用方法_上传和下载文件
- jacob下载问题, Office word 此文件正由另一应用程序或用户使用的解决方法
- 一种使用js在页面下载文件的方法