问题标签 [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.

0 投票
1 回答
1140 浏览

javascript - Codemirror 插件 Tinymce 内联模式 IndexSizeError

我在可内容编辑的 div 上以内联模式使用 tinymce。

我之前使用过 CodeMirror tinymce 插件(不是内联模式)没有问题,但它似乎在内联模式下无法正常工作。我已经尝试将配置更改为inline: false并且它可以工作。

单击Source按钮打开带有 CodeMirror 的 HTML,看起来没问题。但是当我单击确定保存它时,它似乎在 Chrome 和 Firefox 中工作正常,但在 Safari 中它添加了一个�并且我无法关闭模式(但是,我可以看到它已经更改了可编辑 div 的内容),再次单击“确定”按钮,它会添加另一个�控制台错误。单击取消或 X 按钮只会添加控制台错误。

在控制台中我得到IndexSizeError: DOM Exception 1: Index or size was negative, or greater than the allowed value tinymce.min.js:5724

在 Chrome 中,它似乎可以工作,但我仍然收到控制台错误The given range isn't in document.

我的 tinymce 配置如下:

编辑:我现在设法在 Chrome 和 Firefox 中重新创建它,方法是打开源编辑器,单击取消,再次打开源编辑器并单击确定。控制台中的不同错误:

铬合金: Uncaught DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 3. tinymce.min.js:5

火狐: IndexSizeError: Index or size is negative or greater than the allowed amount tinymce.mins.js:5

0 投票
1 回答
224 浏览

javascript - TinyMce 格式化

当向tinymce添加内容时,格式可以正常工作图像,文本按原样保存在数据库中,但是当我从数据库中获取内容并将其放入tinymce时,所有的html都被删除并且图像不显示并且格式内容也丢失了

但是当内容放在tinymce之外时,它会完美显示!

现在我怎样才能在 tinyMce 中实现相同的结果,即图像和内容的格式显示为保存在数据库中!

这是显示问题所在的图像

在此处输入图像描述

感谢任何形式的帮助!

0 投票
1 回答
693 浏览

javascript - 夹层中的 TinyMCE 设置

我在 Django 1.10.7 和 Python 3.6.2 上有 Mezzanine 4.2.3。

Mezzanine 在管理中带有一个 TinyMCE 编辑器。我不确定编辑器上的版本是什么,但我认为它是 4+。默认编辑器非常基本,所以我想添加更多功能。

Mezzanine 显然为 TinyMCE 使用了他们自己的自定义设置。它看起来不像 TinyMCE 文档参考的那个,它们也不使用 django-tinymce。

我不精通JavaScript。找到正确的文件后,我复制粘贴了用于插件和工具栏的 Classic js,结果好坏参半:

WORKS 粗体、斜体、下划线、删除线、右、左、中心和完全对齐、增加和减少缩进、查找和替换、复制、字体、代码、pre、标题、插入图像、打印、预览

DOES NOT WORK 字体颜色、背景颜色、视频嵌入(5 毫克太大了!?)、剪切、粘贴、块引用

这是真正奇怪的事情:在编辑器和预览中,字体和背景颜色工作正常。但是当我打开网站时,什么也没有,当我回到编辑器时,已经没有任何颜色的迹象了。相反,在编辑器中,您无法区分 Pre 和 Code,但在网站上,它们看起来不同,而且应该如此。我现在最好的猜测是这可能是一个 CSS 问题,但我还没有检查过。我仍然看到什么有效,什么无效。

选择文本后,很难点击退出选择。这样做需要三下或更多的点击。我切换回他们最初的“内容 css”设置,但颜色字体和 bg 仍然不起作用。我也重新启动了服务器,但没有任何效果。我有枕头。我不确定下一步该怎么做。

我将此发布到夹层组,但没有得到任何回复。我还发布到 TinyMCE,他们说因为他们不了解 Mezzanine,所以我应该去那里。

更新

好吧,我的错,我忽略了包含代码。这是原始的默认代码:

这是我使用的 TinyMCE 代码的链接

https://www.tinymce.com/docs/demo/classic/

这就是我的代码现在的样子

从那以后,我发现自己制作这些东西相对容易。有关于如何做的 youtube 教程。对我来说,深入研究这个选项的问题是 Mezzanine 将 TinyMCE 分散在整个程序中,包括在grapelli 和文件浏览器中,所以我不知道如何通过手术去除所有这些,也不知道可能会导致什么样的附带损害.

0 投票
1 回答
1523 浏览

tinymce - TinyMCE 将空间转换为  

我正在使用 TinyMCE 4,如果我在两个单词或字符之间的文本区域中插入一个空格,然后检查源,则空格转换为 .

我已经尝试过这个解决方案,但这只能部分解决问题。这是因为,如果我在两个字符或单词之间输入一个空格,那么 TinyMCE 不会添加 ,但是如果我在两个字符或单词之间添加两个连续的空格,那么它会生成第二个空格 

有什么解决方法吗?

0 投票
1 回答
1890 浏览

javascript - Tinymce 添加文件选择器按钮以添加链接

我想添加一个触发按钮来将图像作为数据上传。所以我添加了以下代码

这按预期工作。我正在获取图像的文件选择器,如下所示

在此处输入图像描述

但是当我尝试添加链接时,我也会得到这个文件选择器。 在此处输入图像描述

如何避免这种情况?

0 投票
1 回答
212 浏览

tinymce - TinyMCE 只是将文本移出标签

我有完全有效的链接。

在此处输入图像描述

TinyMCE 将其转换为:

在此处输入图像描述

为什么? 在这里拉小提琴。

0 投票
2 回答
462 浏览

jquery - 如何在 tinyMCE 上围绕 HTML 包裹锚点

好吧,我有这个问题,我在 tinyMCE wordpress 编辑器中制作了一些自定义按钮来插入 html,这样用户就不会对短代码感到困惑。一切工作相对正常......但是有一个按钮可以将锚点包装到 div 上。

问题是当内容被插入编辑器时,ancho 被删除了。

这不是按钮的问题,而是我相信 tinyMCE 的配置方式,因为当我直接在编辑器中编写 html 时也会发生这种情况

我已经这样做了,但没有用

有任何想法吗?

0 投票
0 回答
65 浏览

javascript - Tinymce:在选项卡式窗口中从所有表单中获取值

我有一个自定义插件的以下代码,该插件呈现一个带有文件选择器的弹出窗口和带有输入的onw:

但是,当用值填写第二个选项卡中的表单时,我无法从第二个选项卡的表单中检索任何值。我可以检索的唯一值是第一个选项卡中表单中的值。你知道为什么吗?

0 投票
1 回答
181 浏览

c# - 在粘贴到属性之前提示 Tinymce

是否可以在粘贴前询问以保留 Tinymce 编辑器中的格式?几天前,我发现在编辑器中粘贴任何内容的演示中,它要求保留格式。现在我找不到那个 Tinymce 演示链接。需要你的帮助和帮助。

0 投票
1 回答
753 浏览

javascript - 选择图像后如何填充tinyMCE图像上传弹出字段

首先要提一下,我卡在tinyMCE版本中4.0.20(由于某些稳定性问题,我无法在我的项目中更新版本)

我已经启动了 tinyMCE 编辑器和所有必要的插件。我这里需要一个图片上传功能(实际上是把图片嵌入为数据图片)。为此目的,我到目前为止所做的代码将在这个jsfiddle中找到

以下是file_browser_callback我到目前为止写的。

我想用图像元数据中的图像标题描述尺寸填充弹出字段。您会注意到尺寸字段旁边有一个复选框包含比例,该复选框应该适用于保持来自tinyMCE的比例

我认为下图可以帮助您理解。

在此处输入图像描述

任何帮助,将不胜感激。