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

javascript - Tinymce vue:如何在内部渲染 Vue 组件

您是否有任何信息如何解决在 tinymce 编辑器中呈现 vue 组件的问题?

我正在寻找类似的东西https://ckeditor.com/docs/ckeditor5/latest/framework/guides/tutorials/using-react-in-a-widget.html#demo

但那是给CKeditor和反应的。

0 投票
1 回答
619 浏览

javascript - ekko 灯箱 - 模态中的图像,不需要 a href 包装它

我正在使用 ekko 灯箱(http://ashleydw.github.io/lightbox/)+ tinymce 5。我有 img-fluid 类,因此图像被调整大小。我现在的想法是使用 lightbox 只是在模态中打开它而不需要包装它,因为我不知道让 timymce 用 href 和一些额外的属性包装 img 是否简单。

那么如何仅通过单击包含该图像的 img 标签来弹出图像我 ekko 灯箱?

谢谢

0 投票
1 回答
189 浏览

javascript - 从 tinyMCE onAction 方法调用 setState 时状态未更新

我正在研究 react 和 tinymce 中的图书创建者。允许用户在画布上创建多个文本块并用文本填充它们。

当带有用于创建新文本块的 onClick 方法的按钮在外部编辑器中调用时,一切正常,例如典型的 .

当我尝试添加工具栏按钮时问题开始了:

它工作一次。它通过更新状态对象来创建 textBlock 对象,但连续单击此按钮会将状态重置为初始值(空列表)并再次添加一个对象。

从放置在编辑器外部的按钮执行的相同代码正确创建了点击量的文本块。

我在控制台中没有错误或相关警告。

0 投票
1 回答
759 浏览

ajax - 在更改事件(使用 laravel 7)时自动保存 TinyMce 编辑器的内容?

我想自动保存 tinyMce 编辑器的内容

我正在使用带有 laravel V7 的 tinmce 版本 5.2.2

app.js 中的 tinymce 配置

具有以下视图

输出

视图和标题字段的输出返回 null

我曾使用 jquery 显示带有 console.log 的输入请求如输出标题字段所示不返回任何值

请告诉我如何自动保存 tinymce 编辑器的内容并将其与输入请求一起发送..

我还尝试在 ajax 的 serialize() 方法之前使用 tinymce.triggerSave() 以便输入请求将采用 tinymce 内容但不起作用

0 投票
0 回答
123 浏览

javascript - 如何在 ajax 加载 textarea 后重新初始化 TinyMCE

我正在尝试将 tinyMCE 重新绑定到使用 ajax 动态生成的 textarea。我的tinymce看起来像这样:

我用于发送数据的 ajax:

带有类的 divcomments-body有几种带有 textareas 的表单,并在成功后重新加载。但是在重新加载后,tinymce 不再绑定!

我知道我必须使用tinyMCE.remove();并且tinyMCE.init();我在我的 ajax 中尝试过beforeSendcomplete但没有结果。有人知道我在做什么错吗?我正在使用 tinymce 5 的免费 API

0 投票
2 回答
305 浏览

javascript - 在 TinyMCE 中的一个 div 之后点击 [return] 会创建另一个 div。你知道为什么以及如何阻止它吗?

TinyMCE 的默认行为是,如果我在 a 的末尾点击 return heading,它会创建一个新的p,但如果我在 a 的末尾点击 return div,它会创建另一个div

headings并且divs都是块元素,并且似乎在 tinyMCE 默认设置中具有完全相同的设置,所以我不明白为什么会发生这种情况,而且我找不到让它表现不同的方法。我需要divh1.

代码笔: https ://codepen.io/jacoping/pen/QWjQNxZ

有没有人知道为什么 div 会以这种方式表现?

0 投票
1 回答
1657 浏览

javascript - 在 React 中覆盖 TinyMCE 编辑器的 CSS

我在我的 React 项目中使用 TinyMCE 5。我想自定义编辑器,我想做一些事情,例如:编辑边框属性或向工具栏添加框阴影。我尝试使用 content_css 属性添加 css,但它不起作用。还有其他解决方法吗?

编辑:这就是我希望它最终的样子

我能够添加自定义图标。我面临的唯一问题是修改css。我想降低工具栏,添加阴影效果,使图标更小并减小工具栏的宽度。我也尝试使用 styled-components 来覆盖 CSS,但它没有用。有没有替代CSS的替代方法?

0 投票
0 回答
64 浏览

tinymce-5 - TinyMCE 5.x ResizeEditor-Event 用于手动调整大小?

事件“调整大小编辑器” https://www.tiny.cloud/docs/advanced/events/

当通过调整大小手柄或自动调整大小插件调整编辑器大小时触发。

有没有办法检查用户是否通过调整大小图标(右下角)更改了编辑器大小?我需要知道用户何时手动(鼠标)更改大小,然后才知道。

0 投票
1 回答
79 浏览

tinymce - TinyMCE粘贴插件不是样式属性被剥离

TLDR 使用 TinyMCE 的 PASTE(不是 powerpaste)插件,我想在粘贴时保留剪贴板中的“样式”属性;它似乎在剪贴板中;然而,TinyMCE 似乎正在剥离它


我有来自 PDF 的内容(可以在此处下载 PDF:https ://www.docdroid.net/BtHGhjb/test-pdf ),当从剪贴板中的预览(MacOS)复制时,跨度包装上的样式属性复制这个词Test,我可以通过从 docdroid.net 下载链接的文档并在预览中打开它,选择全部并单击复制来验证这一点。然后转到http://static.ephox.com/clipboard/clipboardtest.html并粘贴,截图如下:

在此处输入图像描述

可以看到 span 添加了一堆样式,包括 font-family、font-weight 和 font-size,

当我粘贴到 TinyMCE 中时,我创建了一个示例 @ https://codesandbox.io/s/charming-brook-khp1v?file=/src/App.js实际粘贴的是没有样式属性的跨度。我想保留该样式属性。

我的配置可以看@https ://codesandbox.io/s/charming-brook-khp1v?file=/src/ App.js否则是:

任何有关如何保留样式属性的帮助将不胜感激。

0 投票
1 回答
45 浏览

tinymce - TinyMCE5: Remove from within all h1-h6 elements