问题标签 [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 投票
1 回答
56 浏览

tinymce - TinyMCE 5:如何修改格式?

如何修改 TinyMCE 配置设置中“格式”菜单下的条目。我只想删除前 4 个条目(标题、内联...,见下图)。我在官方文档中没有找到任何关于此的内容。

在此处输入图像描述

0 投票
1 回答
213 浏览

tinymce - 迁移到微型 mce 5

我为我的客户接管了一个用非常旧的代码编写的网站。但是,我认为迁移到 tiny mce 5 不会有问题。在客户端的编辑 php 文件中,代码为:

现在,为了迁移到 5,我更新为:

但是现在重新加载页面后,在清除我的站点缓存后,我收到 404 错误:“加载资源失败:服务器响应状态为 404 ()”

任何帮助将不胜感激。谢谢!

0 投票
1 回答
61 浏览

tinymce - 设置为内联时 TinyMCE 剥离样式标签

我试图让 TinyMCE (v5.6.2) 在内联模式下使用时允许样式标签,但它不起作用。这是一个演示问题的示例:

如果您编辑文本的源并添加样式标记,例如 (p{color:red}),则在您保存源时它会立即被删除(因此再次编辑源,它就消失了)。但是,如果您将内联模式更改为 false,那么它会按预期工作。

我相信这是 TinyMCE 的一个错误,但很想知道是否有其他人遇到过这个问题以及是否有任何解决方法?

0 投票
0 回答
111 浏览

html - 如何将微数据插入到 tinymce 5x

大家好,新年快乐!

我正在使用 Tinymce 5x,我在用我的编辑器输出有效的 html5 + 微数据时遇到了一个大问题。这是我初始化编辑器的方式:

现在我要输出的是:

但是当我用 HTML 编辑器保存它时,所有属性都被删除,当我将它发送到我的 PHP 文件时,它会删除部分标记。

你能帮我解决这个问题吗?

0 投票
0 回答
35 浏览

tinymce - Tinymce 5 对话框 urlinput 禁用/启用损坏

提醒任何自托管也遇到此错误的人....

在版本 5.6.0 银色主题中,对话框 urlinput 启用/禁用适用于输入字段,但不适用于控件的浏览按钮。问题是启用/禁用事件被内部对象的 typeaheadBehaviours 部分拦截,因此它们永远不会到达整个字段的事件处理程序。解决方法是将 onDisabled 和 onEnabled 处理程序添加到 typeaheadBehaviours 的 Disabling.config 并从每个处理程序中删除处理输入字段的代码行。

原始 typeaheadBehaviours Disabling.config....

修改后的代码......

无法弄清楚如何让这些事件冒泡到整个控制处理程序,但这似乎使事情按预期工作。

0 投票
1 回答
329 浏览

reactjs - 如何在 tinymce 编辑器中插入内容而不触发对编辑器的关注?

如何在 tinymce 活动编辑器中插入内容而不触发对编辑器的关注?

用例: 当我在编辑器上执行 insertContent 并且编辑器位于视图端口之外时,它会插入内容并将编辑器滚动到视图中 - 但我不希望编辑器聚焦或滚动到视图中。

根据文档,您实际上可以将其他参数传递给 insertContent 命令,将 skip_focus 设置为 true ......但它似乎不起作用......

我也尝试过 execCommand 来插入将 skip_focus 传递给 true 的内容……这次它没有插入内容……

Tinymce 版本: “tinymce”:“^5.5.1”、“@tinymce/tinymce-react”:“^3.7.0”

0 投票
1 回答
198 浏览

reactjs - tinymce 所见即所得编辑器 - 文本光标问题,文本字段/区域变为非活动状态

我正在为几个月前我第一次学习 React 时创建的项目开发几个功能。我想在我的一个表单中添加一个所见即所得的编辑器,以便用户可以更好地控制事件页面的“关于”部分(即嵌入媒体和图像、html 源代码编辑、字体格式等)

我使用的编辑器是TinyMCE 5.0。这个项目是一个 Rails 后端和 React 前端。(我没有使用 Redux - 这个项目是我第一次学习 React 时练习 React 的一种方式。)如果您想查看我的代码,可以在此处找到我的最后一次提交

问题

我能够渲染所见即所得的编辑器。我还可以在编辑器的正文中键入和格式化文本。当我单击代码图标或图像嵌入图标(如下面的 gif 所示)时,会出现一个新模式,但是当我单击它进行输入时,文本光标会出现然后消失。所以我无法输入,并且似乎文本区域和字段变得不活跃(因为没有更好的术语 - 我仍然处于编码之旅的开始阶段。)

我刚刚注册,TinyMCE 也可以访问高级插件,所以我认为这不是我的帐户权限/订阅的问题。

我也没有在控制台中收到任何内容,但如果您能提供任何帮助,我们将不胜感激!

谢谢!

TinyMCE 5 编辑器 - 文本光标问题 - 文本区域变得无效

0 投票
1 回答
131 浏览

tinymce - 动态调整受控 TinyMCE React 组件的大小

背景:我们在一些上下文中使用 TinyMCE React,其中父元素由用户手动调整大小(可调整大小的模式对话框等),我们希望 TinyMCE 组件适当地调整大小。在旧版本中,我们使用此处记录的 resizeTo 功能来执行此操作。但是,升级后似乎不再可用。

我之前解决此问题的尝试涉及使用key基于在调整大小时将编辑器的宽度和高度与去抖动连接起来的方法。基本上,只要大小变化足够大,我就会拆除旧组件并渲染一个新组件,其配置选项包括新大小。虽然这在很大程度上是有效的,但它会导致一个问题,即当您在调整大小后尝试编辑字段时,它会闪烁并最初失去焦点。

不幸的是,我们使用的是基于像素的大小计算,因此以百分比而不是像素来指定高度是行不通的。

新的官方方法是什么?理想情况下,editor.theme.resizeTo我们可以使用一些新版本,并完全使用基于密钥的解决方案进行调度,但我无法在任何文档中找到它。

0 投票
1 回答
180 浏览

tinymce-5 - 如何在 TinyMCE 对话框中显示页脚按钮

我正在使用 TinyMCE 5.6.2,我有一个自定义对话框的奇怪错误。我将其设置为大尺寸,并带有内容的选项卡面板。我有一个标题和两个按钮设置。当对话框打开时,按钮被按下,这样您就可以看到顶部的几个像素。它看起来像一些媒体断点问题,因为当我调整窗口大小时,按钮在 654 像素及以下的高度完全可见。

我怎样才能让这些按钮一直显示?

0 投票
1 回答
80 浏览

javascript - Tinymce 5.6.2 将按钮名称附加到工具栏按钮

我使用的是 Tinymce 5.6.2,在工具栏中,我们有用于某些操作的按钮(剪切、复制粘贴、粗体等)。我的问题是我想添加按钮标签(因为很少有人可能无法从其图标中理解按钮操作)。我们该怎么做。

在 tinymce 4.x 中,ex 等的每个按钮都有不同的类, mce-i-undo mce-i-redo mce-i-cut mce-i-copy我可以使用这些类名附加按钮标签。

但现在在 tinymce 5.6.2 中,按钮之间没有这种区别。知道如何管理这些工具栏按钮的标签吗?提前致谢


TinyMCE 5.6.2 的新镜像

使用 TinyMCE 5.6.2.


TinyMCE 4.x 旧(这是我想要实现的)

使用 TinyMCE 4.x