问题标签 [tinymce-5]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
423 浏览

javascript - TinyMCE 5.x - 在自定义下拉菜单中突出显示项目

我在控制编辑器宽度的自定义 TinyMCE 5.x 下拉列表中有 3 个菜单项。我想指出当前的选择是什么,但在初始化后找不到与菜单项交互的方法。当菜单关闭时,它们似乎根本不在 DOM 中。

如果我的自定义下拉菜单的行为类似于字体大小下拉菜单,我会很高兴,它会在所选大小旁边显示一个复选标记。我也会很高兴它就像字体系列下拉菜单一样,其中所选字体显示为菜单切换(不仅仅是当您打开菜单时)。

0 投票
2 回答
148 浏览

tinymce - TinyMCE 5 - 如何控制工具栏中显示哪些按钮?

我必须从 tinyMCE 5 编辑器中删除一些按钮。

在此处输入图像描述

如何控制显示哪些按钮?

我在文档中找不到任何内容。

这是我的初始化代码:

0 投票
1 回答
215 浏览

angular - TinyMCE 5 与 Angular 7 的集成

我正在尝试将 TinyMCE 5 集成到我的 Angular 7 项目中。它在stackblitz上运行良好。这是链接: TinyMCE 5 with Angular 7

请注意,在 slackblitz 上会出现以下警告:

我已经从 slackblitz 下载了项目并安装了软件包。但是在本地运行项目后,出现此错误:

0 投票
1 回答
69 浏览

joomla - 是否可以在 Joomla 中将 Tinymce 升级到 v5.x?

当前最新的 Joomla! v3.9.14(2019 年 8 月)

集成tinymce v4.5.11

Tinymce 于 2019 年 2 月发布了新的 V.5.0.0,包括重大改进和出色的新 API

我想在 Joomla! 中使用用新的 V5 API 编写的插件,所以我想知道是否可以在 Joomla 中将 Tinymce 升级到 V5,或者我们是否别无选择,只能使用旧的丑陋的 Tinymce v4.x?

我试图替换/编辑 中的文件media/editors/tinymce,只是想看看它是否会导致某些事情,但当然这似乎不是正确的方向。

0 投票
1 回答
65 浏览

html - 如何向 Tinymce 中的默认图像标签添加额外标签

Tinymce 中,我想将默认<img ... > 标签插入另一个额外标签以集中图像并添加额外类以在我的内容中创建可缩放图像。

默认情况下, Tinymce在添加新图像时会创建以下 html 代码:

我想要和需要的是这样的:

如何在Tinymce中实现这一点?

0 投票
2 回答
962 浏览

javascript - TinyMCE 5.x - 突出显示自定义按钮

我创建了一个自定义链接按钮,并希望它在您选择/单击文本编辑器中的链接时突出​​显示/选中,就像单击粗体文本显示选中的粗体图标一样。在TinyMCE 4中,您可以简单地使用“stateSelector”在选择那种 DOM 元素时使其突出显示,如下所示:

我找不到任何关于在TinyMCE 5中替换 stateSelector 的信息,到目前为止,我所能做的就是在 tinymce.init 中重新创建一些功能:

我可以参考myMCE.plugins.SpecialLink,但我不能调用setActive(true)它。

任何帮助将不胜感激!

0 投票
1 回答
99 浏览

tinymce - TinyMCE 5.0.6+ 和 WordCountUpdate 事件

所以 TinyMCE 5.0.6 或更高版本包含一个wordcount 插件

我想用它来计算字符并将字符数回显到屏幕上。

显然还有一个我可以监听的WordCountUpdate事件。

如何收听“WordCountUpdate”事件?

0 投票
1 回答
80 浏览

javascript - TinyMCE 5 - 仅显示文本区域中的第一个单词并隐藏结构

tinymce 5用来给一个词添加同义词:

在此处输入图像描述

我正在添加如下代码@addSynonym("Mike"," John"," Teresa")- 因为我在后台使用模板模板语言,该语言具有@addSynonym()- 方法并随机选择一个单词。

我只想在文本编辑器中显示第一个单词并用黄色标记。

像那样:

<p>Hello, <span style="background-color: yellow;">Mike!</span></p>

在此处输入图像描述

在下面找到我的最小可行示例:

有什么建议如何实现这个用例?

0 投票
1 回答
130 浏览

tinymce - TinyMCE 5:如何添加图像垂直对齐输入?

如何将图像垂直对齐选择输入(顶部、中间、底部)添加到高级或新选项卡?

看这张图片

谢谢!

0 投票
1 回答
269 浏览

javascript - 如何从 iframe 中的 TinyMCE 实例获取内容

我有一个 TinyMCE (v5) 的实例,它位于 iframe 本身内。但是,我希望在父页面中提交表单时包含其内容。由于它的内容不会自动添加到 POST 数据中,我试图拦截表单提交,将 TinyMCE 实例的内容复制到 iframe 之外的隐藏字段,然后继续提交。

但是,我无法访问 iframe 中的 TinyMCE 实例。

我设法以这种方式访问​​ iframe 的内容: $('#iframe').contents().find('[name="input"]')

而且我知道要获取 TinyMCE 实例的内容,我们应该使用getContent(). 但是,我无法从 iframe 外部获取 TinyMCE 实例。

target我还尝试使用选项而不是从 iframe 外部(即从父页面)初始化 TinyMCE selector,但在这种情况下,TinyMCE 甚至无法正确初始化。

有没有办法获取 iframe 的 TinyMCE 实例?将它保存在 iframe 中对我来说很重要,因为我希望编辑器的 CSS 独立于主页面。