javascript - 如何扩展tinymce的媒体插件?

标签 javascript html tinymce tinymce-4

TinyMCE 已经拥有一堆开箱即用的优秀插件。其中之一 - 媒体插件 - 我想扩展。

enter image description here

问题:我使用带有 API 的外部视频服务。为了在页面上播放视频,我需要将其嵌入 iframe。 iframe 代码 - 特别是 src 属性 - 只能在服务器上通过特定的 page_idvideo_id 生成> 以及数据库中的一些其他数据。因此,无论谁尝试嵌入来自该特定视频服务的视频,都需要一个已经生成的 iframe-block 或至少一个生成的 url,这就是问题所在。

目标:以某种方式扩展tinymce的功能。理想情况下是“媒体”插件。 我想向“常规” 选项卡添加一个新的输入字段,或者创建一个包含其他输入字段的单独选项卡。类似这样的事情:

enter image description here

enter image description here

问题:实现这一目标的最佳(或最简单)方法是什么?

最佳答案

实现此目的的最佳且唯一的方法是编辑媒体插件的代码 (plugin.js)(可以在此处下载非缩小文件 https://github.com/tinymce/tinymce )

可以通过扩展选项卡面板(在文件第 155 行左右)来向界面添加选项卡和字段。此外,还编写代码以将字段提交给编辑器。我以前曾在tinymce 中使用过插件,并且必须说这可能是一件复杂的事情。

可以在这里找到有关tinymce插件的简短介绍:http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin

祝你好运!

关于javascript - 如何扩展tinymce的媒体插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30594256/

相关文章:

javascript - 如何获取用户浏览器详细信息、IP地址和位置信息?

javascript - 折线图中未定义 D3-tip

javascript - 在 RethinkDB eqJoin() 上使用 Pluck/Without

php - 如何将数据库/PHP 中的 PDF 文件嵌入 HTML

javascript - TinyMCE 4 - 纯文本/ strip HTML 标签按钮

javascript - jQuery:输入时更改键盘值

javascript - 为什么 JSON.stringify() 遇到 set 对象时会被忽略?

javascript - css 在特定页面上不显示,没有页面 id

html - 背景图片不显示

javascript - TinyMCE Smileys 插件 - 更改插入笑脸的宽度