百度编辑器独立上图片传配置

第一步

var _editor = UE.getEditor(‘editor‘);

找一个ue实例化的id input 如

第二步实例化而且调用类

var _editor = UE.getEditor(‘upload_ue‘);

_editor.ready(function () {

//设置编辑器不可用

//_editor.setDisabled();  这个地方要注意 一定要屏蔽

//隐藏编辑器,由于不会用到这个编辑器实例。所以要隐藏

_editor.hide();

//侦听图片上传

_editor.addListener(‘beforeinsertimage‘, function (t, arg) {

//将地址赋值给对应的input,仅仅去第一张图片的路径

var imgs;

for(var a in arg){

imgs +=arg[a].src+‘,‘;

}

$("#picture").attr("value", arg[0].src);

//图片预览

$("#preview").attr("src", arg[0].src);

})

});

//弹出图片上传的对话框

function upImage() {

var myImage = _editor.getDialog("insertimage");

myImage.open();

}

第三步写 html

\< input type="text" id="picture" name="pic"   value="<{$info.pic}>"/>

\< input  type="button" class="datepicker" onclick="upImage();" value="上传图片" />

时间: 2024-10-09 05:26:20

百度编辑器独立上图片传配置的相关文章

百度编辑器ueditor(版本:r1_4_3-asp.net)配置

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebApplication2.Index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/

百度编辑器ueditor的图片地址修正

我用的百度编辑器为1.4.2的,相对于现在这个时间来说是比较新的.之前去的1.3版的,后来更新到1.4之后出现路径问题.因为今天晚上出现特别奇怪的问题,所以特地又整了一遍,发现这玩意还是得自己弄通了好好使.今晚出现的问题是,本机win7可以正常上传,线上centos可以正常上传,测试机是ios的,前几天还可以正常上传,今晚不知道怎么回事,文件上传目录,确认不是权限问题,很奇怪. # 这个是定义百度编辑器的根目录.考虑到安全问题,只能写http://...这种host格式的绝对路径,不能将你项目的

dedecms织梦添加ueditor百度编辑器(支持本地图片水印)

本站所有附件均为UTF-8版本,GBK版本的童学请自行转码: 教程最下面有解决栏目内容添加失败的解决方法和本地上传图片加水印方法. 最终效果 1.直接到百度编辑器官方下载PHP对应的版本 ueditor官方地址:http://ueditor.baidu.com/website/download.html 2.dedecms 程序 include文件夹下,创建 ueditor 文件夹 把下载到的ueditor文件扔进去(index.html不要) 3.include\inc\inc_fun_fun

FLASH图片上传功能—从百度编辑器UEditor里面提取出来

为了记录工作中碰到的各种问题,以及学习资料整理,今天开始,将以往的文章进行了一个整理,以后也开始认真的记录学习过程中的各种问题 在HTML里面的文件上传功能一直是个问题,为了实现上传文件大小限制,怎样显示进度条问题,以及上传前图片预览,也试过各种办法,直到有一天看到百度编辑器中的图片上传功能.花了点功夫把他单独提取出来. 最终效果图如下: 这个功能可以提供多个图片文件选择,预览,然后对上传的图片在上传队列中删除,以及旋转和,上传中进度条显示,以及上传相册的选择. 源代码下载路径为: http:/

百度编辑器ueditor给上传的图片添加水印

百度编辑器本身是没有为上传图片添加水印的功能,想要在上传的时候添加图片水印,也很简单.以 ueditor 1.2.6 为例,打开php目录下面的imageUp.php文件,查找"$info = $up->getFileInfo();",在这句代码的下面加入以下代码: /* 添加水印 start */ $water_img = "watermark.png"; //水印文件(替这里换成你要的水印) $img_min_w = 350; //添加水印需要图片最小达到

百度编辑器ueditor给上传的图片加入水印

百度编辑器本身是没有为上传图片加入水印的功能,想要在上传的时候加入图片水印,也非常easy.以 ueditor 1.2.6 为例.打开php文件夹以下的imageUp.php文件,查找"$info = $up->getFileInfo();",在这句代码的以下加入以下代码: /* 加入水印 start */ $water_img = "watermark.png"; //水印文件(替这里换成你要的水印) $img_min_w = 350; //加入水印须要图片

百度编辑器前端二开图片上传Js

百度编辑器图片上传Jsueditor.all.min.js 下载链接 链接:https://pan.baidu.com/s/1VNgw9ELgRRHKeCQheFkQTw 提取码:fnfi 使用方法: 替换原来的 ueditor.all.min.js  原文地址:https://www.cnblogs.com/q1104460935/p/10278629.html

百度编辑器多图上传返回图片绝对路径问题

在官方下载jsp版本号的百度编辑器,改动源代码然后打包成jar就可以, 改动方法例如以下: 改动FileManager.java文件里的getPath 方法为 private String getPath ( File file ) { //String path = file.getAbsolutePath(); //输出的路径为:\Project\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\qw\ueditor

类百度富文本编辑器文件上传。

在项目安开发中,有一个需求是用户需上传特定的text文件,根据此文件判断设备的状态. 以上是需求,此时需要在页面上用到文件上传的功能,原始的文件上传样式不好看,自己此段时间一直都在用layui前端框架写页面,本想用layui官网上给的文件上传功能的,但是经理说上传的文件不能只显示文件名, 还要配上一张图片.layui上传文件的模式都是: 显然这个版本的文件上传还没有符合项目的需要. 在接下来的对比中,看到了百度富文本编辑器的文件上传和图片上传样式:       因为这个功能是在百度富文本编辑器工