问题标签 [tinymce-plugins]
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.
javascript - TinyMCE 5:向工具栏按钮添加自定义属性
有没有办法将自定义属性添加到工具栏按钮/自定义工具栏按钮?
我正在做一些测试,我需要通过自定义属性获取这些按钮。
谢谢
tinymce - 如何将 Datepicker 添加到自定义对话框 TinyMCE 上的文本框中
我有一个自定义按钮,当我单击时,我会得到一个自定义对话框。直到一切都很好,现在我需要一个日期时间选择器在该文本框的自定义对话框中。我也没有兴趣将 jqueryUI 包用于 datepicker,任何一次都可以为此提供更好的解决方案。
你可以试试这个小提琴https://jsfiddle.net/1qngde28/
angular - TinyMCE (Angular) 缺少皮肤和主题
遵循官方文档,我正在努力自己托管插件等,即遵循分步指南,其中涉及:
1) npm install --save tinymce
2) 向 angular.json 添加行
3) 运行cp -r node_modules/tinymce/skins src/assets/tinymce/skins
4) 配置微型 mce
但这是问题所在
tinymce node_module 目录不包含皮肤/浅灰色,也不包含主题/现代。
所以我用我可以看到存在的主题替换了主题的名称,但现在它正在泄露关于缺少浅灰色皮肤的信息。
我的问题是,为什么文档与实际经验不一致?
任何人都可以在第一次设置tinymce(自托管)时提供帮助。?
但是为什么缺少主题和皮肤呢?有没有一些特殊的方法来安装这些。
javascript - TinyMCE 5:禁用编辑器但允许复制文本
如何禁用编辑器但允许用户复制文本?
当我设置disabled
为true
现在可以选择和复制文本。
tinymce - 在 TinyMCE 中使用 paste_as_text 后为文本添加样式
使用 TinyMCE 4,我已经按照此处的说明配置了插件的paste_as_text
选项。paste
它按预期工作,例如:
变成:
但是由于当我尝试设置第一行的样式时,所有的行都在一个单一<p>
的行中,例如将其更改为Heading 1
,因此所有文本都被格式化为那个。
我怎样才能避免这种情况?
javascript - Tinymce 模板:按 ENTER 后如何将光标保持在 div 内
我在我的 TinyMCE 中使用自定义模板。单击“模板”按钮后,用户可以选择要插入到编辑器中的引导列布局。
所有插入和布局都可以正常工作。选择模板后,引导行和列被正确添加。
但是,当我在列内编辑文本时,如果按ENTER
,tinymce 不会p
在div
. 它创建了一个div
没有引导类的兄弟。
我需要的是:将光标放在bootstrap column
. 之后,在按下 后ENTER
,它会p
在div
.
我有一个小提琴要解释:https ://jsfiddle.net/3fd4cn6z/1/
要产生问题,请按照下列步骤操作:
在工具栏中,单击最后一个图标“插入模板”
选择任何模板
您将看到虚线列(一个在另一个之上 - 在小提琴中我无法添加引导类,但在我的代码中,我可以并且这些列并排)
在任何列(在本例中为 ROW)中,将光标放在数字后面并按
ENTER
它不是扩展列(行)并添加一个p
,而是创建一个新的兄弟div
。如果我按下SHIFT + ENTER
它会产生我想要的东西,但是......它不会创建 a p
,它只是添加一个br
. 这很糟糕,因为如果我想添加ul
, 将无法正常工作。尝试添加 aul
或将 texto 格式更改为h1
.
问题是:有一种方法可以在按下回车后创建一个空白p
?
我很感激任何帮助。
html - TinyMCE 段落元素在 Internet Explorer 11 中无法聚焦
我在 Internet Explorer 11 中遇到问题,不允许在 TinyMCE 3 中聚焦空段落元素。我有一个前面的段落元素,其中包含各种子节点,例如我用核心标记为不可编辑的图像和跨度元素不可编辑的 TinyMCE 插件。它们是通过 execCommand('mceInsertContent') 函数插入的。因为它是不可编辑的,所以我不得不在不可编辑的块之后立即插入一个段落元素,并希望光标聚焦在那里,这样可以工作。但是,如果我在插入后单击不可编辑的元素,则无法再单击回到下面的段落元素。尽管肯定在 DOM 中,但它变得完全不可聚焦,因为我可以在开发人员工具 DOM 资源管理器中看到它。我相信发生了一些互动'
我已经尝试了所有我能想到的焦点/选择操作,但没有任何效果。唯一似乎有效(但不太理想)的方法是在不可编辑段落之后的段落中放置一个空格。我不确定这是一个可以接受的解决方案。
这是我正在使用的 HTML
Internet Explorer 似乎是我遇到此问题的唯一浏览器。Chrome 和 Safari 允许专注于该段落元素
tinymce - Tinymce 4.5.5 不在编辑器中可视化图像
在tinymce编辑器中插入图像时出现此问题(图像显示为空方块)-> tinymce 4.5.5图像可视化为小空方块
jquery - TinyMCE - 链接工具,目标下拉列表 - 失败位置
我正在使用标准的 TinyMCE 设置,但是我遇到了问题。当我想插入链接(使用链接工具)时,弹出窗口会按预期打开。
从那里我想选择链接目标选项。当我单击它时,它应该打开一个下拉菜单,并带有选择选项。
While the options appear, the dropdown list is positioned at the bottom of the view instead of under the dropdown selector as one would expect.
我一直试图通过 Google 和 Stack Overflow 线程找到解决方案,但我还没有运气。
我也尝试过操作 DOM,但在单击选择时找不到在选择器下重新定位下拉列表的方法。
我从 2018-02-19 开始使用 TinyMCE 版本 4.7.7。
谢谢你的时间。
- - - - - 更新 - - - - - - -
提供Js fiddle以显示问题
tinymce - 如何将 TinyMCE 功能重新用于自定义按钮的粗体/斜体/删除线?
我只是想通过插件向 TinyMCE 编辑器添加一些按钮。这些按钮将具有与粗体/斜体/删除线按钮完全相同的功能,但将用于 HTML 标签:<mark>
和<ins>
.
我可以重新使用这些现有按钮的代码并以某种方式扩展它以更改插入的 html 标记吗?
我翻遍了GitHub 存储库,找不到此功能的编写位置。我希望有一个可以扩展的简单 API。
我发现了一些看起来很有希望的命令标识符,比如mceInsertContent
可以插入一些简单的东西,比如一个<hr />
,但不能在所选文本周围插入标签。