导航:首页 > 使用方法 > ueditor使用方法

ueditor使用方法

 发布时间：2022-07-17 00:52:00

㈠ php ueditor怎么使用

方法/步骤
目前最新版本为1.1.7.3
下载下来的文件名为ueditor1.1.7.3.zip
把解压出来的ueditor文件夹整个复制到项目WebRoot下
1.页面<head>里增加以下代码

2.页面<body>里增加以下代码

打开浏览器，输入相应地址，一个漂亮的编辑器就出现了，但表情和上传文件这块还需要更改一下配置
修改配置，增加上传

打开editor_config.js文件，修改URL的值

保存，刷新一下页面，表情是不是可以出来了？
文件上传默认用的是ueditor/server/upload/php/up.php进行上传的，如果用jsp上传，需要修改两个地方
修改ueditor/dialogs/image/image.html页面里第304行和ueditor/dialogs/wordimage/wordimage.html页面第82行，改为使用up.jsp进行上传，这里面用的是apache的fileupload组件，所以要导入apache commons组件中的fileupload和io这两个jar包
5.修改ueditor/server/jsp/up.jsp，指定文件的保存路径

㈡ thinkphp怎样用umeditor

thinkPHP下ueditor的使用方法具体如下：
1、首先需要下载ueditor，
2、下载对应的php版的，下载后重命名为ueditor，根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下，admin为后台的访问入口文件目录。
3、在项目中的使用
首先需要引入核心的js文件：
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>
然后再文件中加入<textarea>标签，注意设置id属性
代码如下:
<textarea name="content" id="EditorId"> </textarea>
接着是初始化编辑器，注意配置路径
<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";
window.onload=function(){
window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度
window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度
var editor = new UE.ui.Editor({
imageUrl : '__APP__/Editor/uploadImage',
fileUrl : '__APP__/Editor/uploadFile',
imagePath : '',
filePath : '',
imageManagerUrl:'__APP__/Editor/imageManage', //图片在线管理的处理地址
imageManagerPath:'__ROOT__/'
});
editor.render("EditorId");
}
</script>
注意：
1、UEDITOR_HOME_URL的路径配置为ueditor所在的位置。
2、图片上传路径的配置
3、editor.render("textarea的id一致");
至此一个便算基本完成。
但是，在IE9下，编辑器没有一点效果，这是怎么回事呢？
在IE9下，需要把
代码如下:
window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";
路径设置代码，放在引入js文件和初始化之间。

㈢ 用百度UEditor，提交表单数据POST到控制器方法

1、从UEditor获取数据在后台

2、在后台中通过SQL往数据库中填充数据就解决了。

㈣ ueditor怎么使用

方法/步骤


目前最新版本为1.1.7.3

下载下来的文件名为ueditor1.1.7.3.zip

把解压出来的ueditor文件夹整个复制到项目WebRoot下

1.页面<head>里增加以下代码

㈤ 百度编辑器ueditor怎么用

使用UEditor创建一个编辑器还是很简单的一件事情，首先就是引入俩个js文件，分别为editor_config.js和editor_all.js。然后就是js创建一个可编辑区域，用来创建编辑器，需要注明id，类型为text/plain，最后实例化编辑器即可
如果将UEditor应用到项目中我们还需要对编辑器的路径进行设置。我们打开editor_config.js文件，找到window.UEDITOR_HOME_URL，然后配置编辑器所在文件的路径，这个路径可以是绝对路径也可以是相对路径。此处的配置仅对这个编辑器起作用，如果你使用了多个UEditor则需要分别进行设置。

㈥ java ueditor 怎么使用

<!DOCTYPEHTML>
<htmllang="en-US">
<head>
<metacharset="UTF-8">
<title>ueditordemo</title>
</head>
<body>
<!--加载编辑器的容器-->
<scriptid="container"name="content"type="text/plain">
这里写你的初始化内容
</script>

<!--配置文件-->
<scripttype="text/javascript"src="ueditor.config.js"></script>
<!--编辑器源码文件-->
<scripttype="text/javascript"src="ueditor.all.js"></script>
<!--实例化编辑器-->
<scripttype="text/javascript">
varue=UE.getEditor('container');
</script>
</body>
</html>

src要写你放的地址


编辑器有很多可自定义的参数项，在实例化的时候可以传入给编辑器：

varue=UE.getEditor('container',{
autoHeight:false
});

配置项也可以通过 ueditor.config.js 文件修改，具体的配置方法请看前端配置项说明


通 getContent 和 setContent 方法可以设置和读取编辑器的内容

varue=UE.getContent();
//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function(){
//设置编辑器的内容
ue.setContent('hello');
//获取html内容，返回:<p>hello</p>
varhtml=ue.getContent();
//获取纯文本内容，返回:hello
vartxt=ue.getContentTxt();
});
阅读全文

与ueditor使用方法相关的资料

热点内容
鸡饲料钓草鱼方法视频 浏览：244
低危型房颤的治疗方法 浏览：808
欧姆龙耳温计使用方法 浏览：550
数罪并罚后附加刑的计算方法 浏览：828
水电工安装地线走线方法 浏览：574
冬天果树育苗基质最佳方法 浏览：414
灵芝孢子粉食用方法和什么同吃 浏览：621
保鲜陈列柜的原因和解决方法 浏览：7
万用表测电阻方法简单 浏览：383
部队教育方法有哪些 浏览：824
性品使用方法 浏览：400
解决客服顶岗实习问题的对策方法 浏览：872
海尔xqb4520a使用方法 浏览：113
简单晚饭套餐制作方法 浏览：97
简单有效的延时方法 浏览：483
课题研究手段和方法的区别 浏览：689
漂移的正确开车方法 浏览：185
简述施工技术交底有哪些方法 浏览：629
一岁宝宝湿疹的治疗方法 浏览：786
万用表的工作原理和检测方法 浏览：50