完美解决织梦ckeditor编辑器插入视频前台后台不能播放的问题

完美解决织梦ckeditor编辑器插入视频前台后台不能播放的问题:

https://www.seoxiehui.cn/article-58305-1.html

编辑器源码里面找到: type="application/x-shockwave-flash" 问题就出在这里,我们只需要把编辑器换成源码模式把这个部分删除

这样虽然决绝了前台播放问题,但是我们不可能每次插入视频都切换到源码去删除这段代码,这样太麻烦了吧!所以我们需要找到更合理的解决办法!
我们知道是那个关键代码出了问题,那么我们就找到这个关键代码所在位置,然后把它消灭掉!

首先找到我们的编辑器文件目录 /include/ckeditor 文件夹,需要修改的文件有两个:

第一个:打开网站目录 /include/ckeditor/ckeditor.js 文件,查找 :application/x-shockwave-flash找到之后直接删除

第二个:打开网站目录/include/ckeditor/plugins/flash/dialogs/flash.js 文件,跟上面步骤一样查找 :application/x-shockwave-flash 找到之后直接删除(这里有两处哦)

两个文件修改好了之后直接上传覆盖掉原来的文件就可以了!再更新缓存。


现在我们来测试下我们的修改之后的效果吧(测试之前记得清理浏览器缓存哦,不然编辑器还是调用原来的代码)!

查看网页源码我们会发现我们的视频文件被变成了图片 解决方法:(记得每次编辑器要添加视频地址或文件的时候把 下载远程图片和资源当前内容那个√去掉哦,不然你之前编辑的文章的内容都会被替换掉!)

后台flash添加视频地址预览效果图:

前台预览效果图:

dede织梦编辑器模板中插入mp4视频文件前台后台均显示的方法:

http://www.zbzmtbk.com/jsfx/9447.html

推荐一下 觉得还行。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
CKEditor 编辑器提交内容的方式和普通表单提交没有区别。在后台接收 CKEditor 编辑器提交的内容,可以通过以下步骤实现: 1. 在前端页面中,使用 CKEditor 编辑器生成富文本内容,并将其作为表单元素的值提交给后台。例如: ```html <form action="/submit" method="POST"> <textarea name="content" id="editor"></textarea> <button type="submit">提交</button> </form> <script src="https://cdn.ckeditor.com/ckeditor5/27.1.0/classic/ckeditor.js"></script> <script> ClassicEditor .create( document.querySelector( '#editor' ) ) .catch( error => { console.error( error ); } ); </script> ``` 2. 在后台接收表单提交的数据。由于 CKEditor 生成的内容是富文本格式,因此需要使用相应的富文本编辑器处理工具来解析内容。常用的富文本编辑器处理工具有 `CKEditor` 官方提供的解析工具,以及 `htmlparser2`、`cheerio` 等第三方库。例如,使用 `CKEditor` 官方提供的解析工具 `@ckeditor/ckeditor5-engine` 来解析富文本内容: ```javascript const { HtmlEmbeddingMode } = require( '@ckeditor/ckeditor5-engine' ); const { Parser } = require( '@ckeditor/ckeditor5-engine' ); const content = req.body.content; const parser = new Parser( HtmlEmbeddingMode ); const doc = parser.parse( content ); // 获取文本内容 const text = doc.getRoot().getChildren()[0].data; ``` 以上代码中,`req.body.content` 是表单提交的 CKEditor 编辑器生成的富文本内容,使用 `@ckeditor/ckeditor5-engine` 库中的 `Parser` 类解析富文本内容,然后通过 `doc.getRoot().getChildren()[0].data` 获取文本内容。 3. 将解析后的内容存储到数据库或文件中,或者进行其他业务逻辑处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值