问题标签 [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 回答
586 浏览

tinymce - TinyMCE 5 和媒体插件:删除(隐藏)“嵌入”选项卡(部分)而不影响其他组件/控件

我正在使用具有以下配置的TinyMCE 5媒体插件:

有什么方法可以在不影响其他组件/控件的情况下删除(禁用、隐藏)“嵌入”选项卡(部分)?

在此处输入图像描述

我已经检查了媒体插件的文档,但没有任何内容......

此外,应用此 CSS:

隐藏媒体对话框上的“嵌入”选项卡,但它也隐藏其他对话框上的选项卡。例如,它还会隐藏图像对话框上的“上传”选项卡。

小提琴: http ://fiddle.tinymce.com/cwhaab

在 Github 上有一个“功能请求”:https ://github.com/tinymce/tinymce/issues/6082 ...但我正在寻找一种解决方法(直到这个新功能/选项可用)。

我正在使用 TinyMCE 5.4.2

0 投票
1 回答
210 浏览

tinymce - TinyMCE 5:带有(不可编辑)引用的自定义块引用

我正在使用 TinyMCE 5。默认情况下,当您单击“blockquote”按钮位于工具栏上)时 - 它会插入以下 HTML:

在此处输入图像描述

或者,如果我选择一些文本,然后单击“blockquote”按钮,它将把它放在里面:

我想更改它,以便当您单击工具栏上的按钮时- 它始终会作为第一个元素插入<cite class="mceNonEditable">Quote:</cite>到内部。<blockquote>另外,如果可能的话,我想让这个“引用”元素不可编辑。

我已经检查了以下文章和文档,但找不到任何关于如何实现(实施)这一点的信息:

我正在使用 TinyMCE 5

小提琴: http: //fiddle.tinymce.com/Guhaab


更新(更多细节):

Dallas Clark 建议在 Blockquote 之前使用::before伪元素。这是一个有趣的想法,但有这个问题:

  • 像任何论坛一样,每个帖子都会有“引用”按钮(链接)。当用户点击它时,后端(服务器端)代码将准备以下带有“cite”的 HTML:

然后用户将被重定向到创建新帖子的表单,其中将包含带有该 HTML 的 TinyMCE。

如果我的网站已经应用了以下 CSS:

...那么“伪元素”将始终出现,即使那里已经存在“引用”元素。

这就是为什么我要求添加不可编辑的“引用”元素,如果用户只是点击 TinyMCE 工具栏上的“blockquote”按钮。我已经问过只有在没有“引用”元素时才应用这样的 CSS:CSS: Apply blockquote::before only if it blockquote 没有 <cite> 元素(没有 jQuery/JavaScript)(但如果不使用 JS/这是不可能的) jQuery)。

0 投票
1 回答
182 浏览

javascript - 如何设置默认高度 - 高度不起作用 inline='true'

我在我的应用程序中使用你的微型产品。在实施时我有一个问题请帮助我们。问题是我们设置了 inline : true 和 height : '500'。我们尝试将默认高度设置为 500。但高度不受影响。总是显示编辑器很小。我们需要设置默认高度。

注意:如果内联:假。在html中添加。我们不需要“iframe”。

我们寻求您的支持和帮助内联:true --> 代码 在此处输入图像描述 预期输出: 在此处输入图像描述 我已附加代码:

谢谢。

0 投票
1 回答
67 浏览

tinymce - 如果在 html 元素后插入换行符,tinymce 5 会触发错误

我尝试<select size="1"><option>One</option></select>在我的 tinymce 编辑器中使用 html 选择元素 ()。

它可以工作,但是如果我尝试使用 enter 键在 select 元素之后插入换行符,我会在控制台中收到错误消息:

这是 jsfiddle 的示例

为什么tinymce会触发此错误,我该如何解决?

0 投票
1 回答
347 浏览

tinymce - TinyMCE 5:插入时总是向块引用元素添加一个类(通过单击工具栏上的“块引用”按钮)

当用户单击“blockquote”按钮(位于工具栏上)以插入blockquote元素时:

在此处输入图像描述

然后 TinyMCE 将插入<blockquote>没有任何类的 HTML 元素。我想更改它,以便它始终<blockquote>与类一起插入myClass(但当通过单击“工具栏”按钮插入块引用时,而不是在加载时):

你知道如何做到/实现这一点吗?

我正在使用 TinyMCE 5

小提琴: http: //fiddle.tinymce.com/Guhaab


更新:

抱歉,我的问题不够精确:我希望仅为通过按钮添加的元素添加此类,而不是在加载时添加。

0 投票
1 回答
68 浏览

tinymce - Tinymce:在编辑器之外创建一个自定义工具栏,如图所示

请点击链接查看我想要实现的用户体验

我需要一些关于如何实现上述目标的指导。这个想法是在光标旁边显示加号图标,用户可以轻松单击它并插入他们选择的项目。我觉得这是一个很棒的用户体验!

非常感谢任何帮助!

0 投票
1 回答
67 浏览

tinymce - 在 Tinymce 5 的插入/编辑图像插件中,顶部是否有嵌套下拉菜单?

在我们旧版本的 tinymce 中,我们曾经在插入/编辑图像插件的 image_list 中嵌套了下拉菜单,请参阅附件图像。但是最近我们迁移到了 tinymce 5.4.2,从那以后它就不起作用了。

旧代码:

上面的代码不再工作,所以我们进行了更改,请参见下面的代码:

但是在此代码更改之后,嵌套下拉菜单消失了。有什么方法可以让我们拥有与以前相同的功能。有关预期功能,请参见附图。

在此处输入图像描述

0 投票
1 回答
432 浏览

javascript - 在 TinyMCE 5 中为自定义菜单项添加样式

我想为 TinyMCE 5 中的自定义菜单项添加一些样式。我可以向该项目添加 CSS 类还是可以添加一些内联样式?

这是创建自定义菜单项的基本代码的小提琴 - 因为它似乎在这里不起作用:

https://jsfiddle.net/bhdwtp3m/

0 投票
1 回答
314 浏览

angular - 如何打开 TinyMCE 5 对话框,其中包含 Angular 10 组件作为正文内容?

我尝试打开一个 TinyMCE 5 对话框,其中包含一个 Angular 10 组件作为body内容。

我试过这段代码,但我被困住了:

tinymce-editor.component.html文件中:

是否有任何最佳实践或建议如何在对话框的正文中显示组件生成的内容,或者我需要阅读哪些内容才能继续前进?

0 投票
1 回答
63 浏览

tinymce - 表里面有 div 按删除表我在 TinyMCE 中删除的 div 元素

我正在使用 TinyMCE

我在表格元素中创建了我的编辑器 div 元素(选择器)。然后我点击删除表 div 元素被删除。

代码:https ://fiddle.tiny.cloud/zhfaab/3

看图片

怎么止于此。只允许删除“在 div 元素内”创建的表。

谢谢。