百度编辑器不止可以上传图片和文字,还可以上传文件,但是文件是当成附件来显示的,并不可以直接显示文件的内容,就像下面:

6a54286c70d4

附件显示

这样子来说,对于PDF的文件支持性就不是很好了,所以,可以稍微改造一下,让其可以直接显示我们上传的PDF文档的内容首先,得解决上传文件的问题,附件的上传按钮如下图:

6a54286c70d4

附件按钮点击以后,可以上传文件,也可以在已上传的文件中选择:

6a54286c70d4

上传文件

6a54286c70d4

已上传的文件假如没有这个按钮,则可以去看看是否生成编辑器的时候隐藏了此工具,如果是直接实例化的编辑器,可以在 ueditor 下的 ueditor.config.js 文件里找一下下图,看看是否有此工具:attachment

6a54286c70d4

ueditor.config.js

同样的,假如是在配置ueditor的时候写过工具栏,可以看看是否有在工具栏里加了这个,这个就不贴图了。

默认来说,附件的上传都会允许PDF的文件格式,但假如不支持,打开 ueditor/php/config.json进行配置的修改添加

6a54286c70d4

config.json

上传图片和文件的功能我就不在这里重复了,网上都有,或者看看我之前上传的文档 tp5插入百度富文本编辑器UEditor

接下来是重点,修改 ueditor.all.js 文件,重新编写上传PDF文档后的html,搜索:插入附件

6a54286c70d4

ueditor.all.js

并修改代码:if(title.indexOf("pdf")>0){

html +='';

}else{

html += '

' + ''+%20icon%20+%20'' + '' + title + '' + '

';

}

6a54286c70d4

ueditor.all.js

这样还不行,ueditor编辑器是会屏蔽 iframe标签的,所以,我们得把 iframe 标签加入白名单,白名单的操作也在 ueditor.config.js里

6a54286c70d4

ueditor.config.js

添加这行代码,,[ ]里是 iframe标签的属性值,你可以看着修改iframe: ['src', 'width', 'height', 'style'],

一切都修改好了以后,别忘了保存并清除浏览器的缓存,接着,就是见证奇迹的时刻!!

6a54286c70d4

PDF资料参考自:http://quanzhan.applemei.com/webStack/TWpBME9RPT0=

以上。

ueditor php上传word,ueditor百度编辑器上传PDF并显示相关推荐

  1. 齐博php百度编辑器上传图片_齐博CMS整合百度编辑器上传附件的BUG以及解决办法...

    齐博CMS作为目前PHP类CMS中最草根的CMS,能够及时的为站长们着想,将开源的百度编辑器整合进程序,这是值得广大站长欢呼雀跃的事情.但就目前来说,齐博CMS与百度编辑器的整合还是存在一些细小的问题 ...

  2. 百度编辑器上传视频以及视频编辑器预览bug解决

    百度编辑器目前来讲是运用比较广泛的一个编辑器了,不仅开源还有中文的文档,所以很受欢迎,不过里面也有许多地方需要开发人员自己调试,其中一个比较常见的问题就是上传视频了,上传视频本身有一些小bug,这个基 ...

  3. 百度编辑器上传失败问题--转码问题mb_convert_encoding与iconv

    纳尼?我...... 多么正常的编辑器,我本地跑的好好的,我赶紧去试了一下,果然报错,WTF...... 但是:虽然报错,当点击"在线管理"(就是选择服务器上已存在的文件)的时候, ...

  4. 【百度编辑器ueditor】工具,如何去掉百度编辑器 ueditor 元素路径、字数统计等...

    去掉如下截图: 在百度编辑器 ueditor 根目录下: ueditor.config.js 文件中 搜索并将参数elementPathEnabled设置成false即可 常用功能开关如下: ,ele ...

  5. java怎么上传word文档,java上传word文档

    用java代码把内容写到Word文档 import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File ...

  6. 百度编辑器上传视频配置

    第一.IIS+php环境下解决方法 1.php.ini相关设置 打开php.ini,首先找到 file_uploads = on ;是否允许通过HTTP上传文件的开关.默认为ON即是开 upload_ ...

  7. 百度编辑器(UEditor)自定义工具栏

    百度编辑器(UEditor)自定义工具栏的自定义 百度编辑器默认功能比较齐全,但是不一定是我们所需要的,有的功能可以去掉,用自己想要的就可以了,可以参考百度官方文档! 百度编辑器默认配置展示界面 如何 ...

  8. 百度编辑器导入word插件,支持带图片文档导入

    Laravel.thinkPHP框架需要先安装PHPword,需要用PHPword扩展将word转化成html.该插件主要由两部分组成:编辑器上传word插件和文档转换功能代码,最重要的是文档转换代码 ...

  9. thinkphp 3.2.2配置百度编辑器

    一 引入百度编辑器文件 1在根目录下public百度编辑器所需文件 2在根目录下Common应用目录 config文件夹引入ueditor.json 3引入百度编辑器中Thinkphp的扩展类 二修改 ...

  10. 乐视云视频 接口开发 结合百度编辑器

    乐视云视频提供上传接口和删除接口,结合后台原本的百度编辑器,实现了从百度编辑器中直接上传视频,删除文章时一同删除云端视频等功能 上图,实现从百度编辑器中上传视频,上传完成后将视频插入到当前光标的位置, ...

最新文章

  1. wxWidgets刚開始学习的人导引(3)——wxWidgets应用程序初体验
  2. PopupMenu控件的使用
  3. 前端学习(3252):vs code中插件的使用
  4. 高擎信息安全大旗,打造“互联网+”新服务模式
  5. 【kafka】kafka 启动 KafkaController 相关源码分析
  6. java用swing日历标记节日_如何用JavaSwing作一个日历控制程序?
  7. maven依赖导致包重复加载及冲突
  8. 零知识证明 一文看懂 zkSNARK
  9. mysql基本常用命令_mysql 的基本操作以及常用命令
  10. FastReport.NET v2022.2.7
  11. 如何在html中使用特殊字体
  12. ObjectARX如何打开一个dwg文件
  13. SSH攻击ip列表【不定时更新】
  14. 升腾 linux管理密码,升腾Linux终端使用指南
  15. 线性方程组在计算机方面的应用,在线性方程组的简单应用》(安顺学院数学和计算机科.doc...
  16. P1419 寻找段落
  17. 09_keras_Tuner使用keras Tuner调整超参数(超参数优化)
  18. 计算机默认网关不可用如何解决问题,Win10网络诊断后提示“默认网关不可用”的问题怎么解决?...
  19. 计算机应用 审稿2个月,我的《计算机应用》投稿经历
  20. 【状压DP】【cofun1373】中国象棋(cchess)

热门文章

  1. ant.vue富文本编辑器_基于Vue.js 2.0和shimo Docs样式的富文本编辑器
  2. centos 6.9部署svn服务器和客户端(客户端含windows、linux版本)
  3. 论文翻译2-SRAVS-Improving Quality of Experience by Adaptive Video Streaming with Super-Resolution
  4. thrift编写规则,及常见问题
  5. 如何在VC下将mak文件导入 .
  6. ANSYS APDL循环建模时的一些注意事项
  7. 中企海外周报 | 传祺GM6将亮相北美车展,锦江都城发力布局全球
  8. Hadoop与MPP
  9. Web Worker使用教程
  10. python画两条曲线_python 实现将多条曲线画在一幅图上的方法