首页 > 其他分享 >百度富文本编辑器UEditor(转载)

百度富文本编辑器UEditor(转载)

时间:2022-09-26 09:48:25浏览次数:87  
标签:UEditor 文本编辑 ueditor cs 修改 UE 如上图 百度 图片

原文地址:解决:百度编辑器UEditor,怎么将图片保存到图片服务器,或者上传到ftp服务器的问题(如果你正在用UE,这篇文章值得你看下) | 图片 (lmlphp.com)

在使用百度编辑器ueditor的时候,怎么将图片保存到另一个服务器,或者上传到ftp服务器?这个问题,估计很多使用UE的人会遇到。而且我百度过,没有找到这个问题的解决方案。那么:本篇文章就很适合你了。因为本文解决了这个问题。

1.当你使用UEditor(以下简称UE)的时候,那么你自然要引入他的源码工程。

如下图:

 

 

配置好后的效果图

本文使用UE版本是:1.4.3.1版本

如果需要下载,请访问:UE官网

2.本文搭建的环境

我这篇文章生产环境使用的网站域名是:http://admin.domain.com/

UE的文件目录就在是http://admin.domain.com/ueditor/ 下

使用的是vs2013。C#.net环境

3.步入正题,下载完源码后,解压。直接将.net的源码全盘copy到 http://admin.domain.com/ueditor/

UE的源码他是已经分类好的。php的归php,.net的归.net。jsp的归jsp。。你用什么语种,你就copy你自己需要的语种源码。

4.默认的配置文件都不需要改动。

 

 

如上图:ueditor.config.js等所有js,是怎么样的还是怎么样。。不需要动它。因为我们项目里就没有改动过。。

5.将net文件夹转化为应用程序

 

 

如上图:net文件夹的位置

6.打开iis,转换应用程序

 

 

如上图操作。共3个红圈。你操作完后,大约就是这样子。

7.打开config.json配置文件进行修改

 

 

config.json文件位置如上图所示

8.config.json文件修改“上传图片配置”

 

 

如上图。将“上传图片配置”按图片中那样修改

8-1).config.json文件修改“抓取远程图片配置”

 

 

如上图。将“抓紧远程图片配置”按上面图片进行修改。

那么,有同学会问了,我是上传图片,为什么还要修改“抓紧远程图片配置”?

因为当你copy网络新闻时,这些新闻中可能会有图片,而这些内容,当你直接复制到UE中时,会自动触发这个“远程抓取”功能。所以要设置。

同时:即使是在UE中,你就图片移动到另一个位置,进行排版时,UE也会自动触发这个“远程抓取”功能。

9.接下来,找到controller.ashx文件。

 

 

位置如上图

10.打开controller.ashx文件进行修改

 

 

如上图。新增2行代码

RemoteServerPath = Config.GetString("imageRemoteServerPath"),
RemoteServerHost = Config.GetString("imageRemoteServerHost"),

11.修改UploadHandler.cs文件

 

 

UploadHandler.cs位置如上图

打开:UploadHandler.cs文件

找到如下代码,并进行修改:

 

 

修改后,如上图红圈所示。效果应该是这样子。

12.仍然打开:UploadHandler.cs文件

修改内容如下:

 

 

代码位置在70行左右。修改后如上图所示。关键位置在红圈处。

13.UploadHandler.cs文件的代码,是修改“上传图片”的功能的。

14.下面开始修改“远程抓紧图片”的功能。打开CrawlerHandler.cs文件

CrawlerHandler.cs的文件位置如上图所示

15.修改CrawlerHandler.cs的内容:

修改后,代码应该类似于上面。请关注红圈中的内容,那是重点。

16.结束:

请使用UE上传一张图片。他的URL应该类似于:http://image.domain.com/ueditor/upload/image/20160229/6359233657403001964317029.png

或者你将网络中的一篇图片新闻,比如找一下腾讯网的图文新闻,直接将其内容copy到UE框中,那么看到的图片地址应该类似于:http://image.domain.com/ueditor/upload/image/20160229/6359233657403001964317029.png

那么:恭喜你。你完成了修改。

同理,ftp是一样的。你只要把上述的配置地址,改为ftp服务器地址即可。

如上图,鼠标选中图片,然后会出现修改2字。

点击“修改”,会出现下图:

请看,网址已变成url地址。而不是物理地址。

文章完结。期望对你有帮助。。

标签:UEditor,文本编辑,ueditor,cs,修改,UE,如上图,百度,图片
From: https://www.cnblogs.com/shuaimeng/p/16729794.html

相关文章

  • 百度地图api
    今天需要在公司官网展示公司坐标,也学习一下百度地图的其他apiHTML<divid="mapContainer"style="height:500px"></div>jsconstmap=newBMapGL.Map("mapContain......
  • 在百度地图中叠加CAD图及GIS数据展示踩坑记
    前言在之前的几篇博客中分别介绍了在Cesium中实现与CAD的DWG图叠加显示分析https://www.cnblogs.com/vjmap/p/16541751.html、高德地图与CAD图叠加显示方法汇总及优缺......
  • 文本编辑命令
    一、vim编辑器1、vim的三种模式一般模式(正常模式):以vim打开文件就直接进入到此模式,此模式中可以使用上下左右按键进行移动光标,也可以在此模式下进行文件的复制粘贴删除等......
  • 关于"不会查百度吗?"的思考
    关于"不会查百度吗?"的思考中学的时候我其实很喜欢对人说:“你不会百度吗?”可能有些人直到现在都很喜欢说这句话,但我很希望人们能改变这个习惯。因为很多人不百度其实是因......
  • vue 使用百度地图JavaScript API GL 组件
    <template><divclass="component"><el-cardclass="cardStyle"><!--ready,地图组件渲染完毕时触发,返回一个百度地图的核心类和地图实例--><baidu-map......
  • 你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    搜索引擎是咱们在日常生活、工作必备的工具查个明星八卦、地址,搜索遇到的某个问题的解决方法但是,作为一个有追求、有理想的技术人员其实搜索引擎的背后,有很多......
  • 【文本编辑器】typora md文本编辑器 下载地址【好用 】【实用】
    文件下载:https://www.123pan.com/s/J3vKVv-EMotd或者:https://www.123pan.com/s/J3vKVv-kMotd可以不用登录,直接点击下载,不限速。教程和安装包都在里面了。 这个......
  • 【原】 XAF Localization改用百度翻译
     1.官方教程:Howto:CreateaCustomTranslationProviderfortheLocalizationTool|eXpressAppFramework|DevExpressDocumentation2.CodeusingSystem;us......
  • 【灵光一闪】新的百度搜索引擎使用思路
    程序员行业有一句俗话,叫做“面向百度编程”、“面向CV编程”,就是指当我们遇到某些问题的时候回去百度上寻找答案,然后复制黏贴过来,虽然在程序员行业中百度搜索引擎的口碑始......
  • 04.百度日历的选择
    Dim 年, iRet, temp, hWeb, arrayData, 月, bRet, 日, arrRet, objRect, arrElement0, arrElement1, arrElement2, arrElement3, sRet1年 = Dialog.Inp......