问题标签 [jodit]

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 回答
92 浏览

php - 如何修复 Jodit 上传器中 JSON 数据错误的第 1 行第 1 列的意外字符

我正在努力让上传者在 Jodit 工作。我遵循了文档/教程和几篇文章中给出的示例,但我总是收到错误“未捕获的语法错误:JSON.parse:JSON 数据的第 1 行第 1 列的意外字符”。

有人可以帮忙吗?

这是代码:

以及用于移动上传文件的 php 文件:

0 投票
0 回答
48 浏览

vue.js - Jodit 编辑器使用 --jd-color-background-default 保存

在 Jodit 编辑器中编辑文本并添加/删除粗体文本或其他更改后,最终输出包括额外的属性,例如var(--jd-color-background-default)

是否有任何编辑器配置选项可以从保存的 HTML 文本中删除它?

0 投票
0 回答
62 浏览

javascript - 全屏显示 Jodit 按钮列表

我需要有关 Jodit 的帮助。我正在使用 3.7.2 版(此时是最新版本)和此配置:

我想以全尺寸(全屏)模式显示按钮数组。因此,编辑器位于 660px 宽的元素内,它在工具栏上显示按钮MD数组按钮,但是当通过单击放大(全屏)按钮以全尺寸打开编辑器时,我想显示按钮数组中的按钮,因为宽度是超过 660 像素(我的屏幕上为 1720 像素)。这可能吗?

0 投票
0 回答
101 浏览

reactjs - 在 Jodit 编辑器中试图允许突出显示但不更改实际文本

我想允许突出显示但不是所有用户都可以更改 Jodit-react 中的基础文本。如果我只读,则不允许突出显示。有什么建议么?

0 投票
0 回答
25 浏览

events - Jodit RTE - 内部消耗的按键“Enter”事件

我正在尝试在输入时捕获事件,但我的听众正在捕获除输入键之外的所有按键。猜猜该事件是在内部使用的,并被阻止用于外部使用。

我将此侦听器事件配置到我的窗口(keydown):

当我在编辑器中输入时,所有其他按键都被捕获,除了输入。

该事件在组件内部被阻止。

请有人告诉我一个解决方法或 ant=y 对此的内置支持。

0 投票
0 回答
50 浏览

popup - 如何在自定义父级中插入 jodit-popup-container

您好,我第一次使用 Jodit,我的意图是嵌入到模式弹出窗口中,但我遇到了显示弹出窗口本身(列表、表格、图像...)的工具栏按钮的用户事件问题。

我发现当显示第一个工具时,Jodit 在文档正文中插入了一个 div:

<div class="jodit jodit-popup-container jodit-box jodit_theme_default"></div>

如果我手动将此 div 移动到我自己的模式弹出窗口中。所有事件都被正常捕获并且一切正常。

有任何 jodit 配置选项可以详细说明必须在哪个节点中插入 jodit-popup-container?

0 投票
0 回答
80 浏览

reactjs - 如何在 React Jodit 编辑器中通过 URL 输入禁用上传图像?

我正在使用启用图像上传插件的 Jodit Editor。但是我想允许用户仅上传从浏览器中选择的图像文件,并且我想禁用 URL 输入以键入文件 URL,我这样做的原因是因为问题是用户可以输入无效的 URL(例如:hello world),将生成 Jodit到 HTML 输出,如 : <img src="hello world" />。我从 Jodit 那里阅读了文件,但我没有解决方案。谁能帮我?谢谢!

0 投票
0 回答
22 浏览

image - 有没有办法在 Jodit 编辑器中使图像不可拖动?

我正在寻找一种使图像在 Jodit 编辑器中不可拖动的方法。尤其是在移动设备上,滚动时很容易无意中拖动图像。这通常会导致图像被移动或删除。

0 投票
1 回答
107 浏览

reactjs - `onBlur` 未在 'Jodit` wyswig 编辑器代码编辑器模式下触发,`useCallback` 无法正常工作

我已经用我的案例制作了一个代码框示例,需要帮助才能使其正常工作。这是示例的链接

复制步骤:

  1. 在 jodit 编辑器上输入一些内容
  2. 鼠标单击编辑器外部,您将看到显示onBlur已触发的日志。
  3. </>使用左上角的图标切换到代码编辑模式。
  4. 修改html上的东西。
  5. 在编辑器外部单击鼠标,您将看不到任何其他日志。

我最初的目标是确认这种机制是设计使然还是错误,并且在在 github 存储库上打开票证之前,我尝试向社区询问。

您可能还注意到,在我的示例中,日志系统无法正常工作。

我试图堆叠所有日志 - onChangeonBlur但它只显示最后一个日志。当我点击Add按钮时它工作正常。也许反应钩子的使用有问题。

有人可以帮我解决上述问题吗?

  1. onBlur在编辑器中的代码编辑模式下不会触发Jodit。它是设计使然还是错误?
  2. 为什么我只看到最新的日志而不是堆积的日志?

先感谢您。

0 投票
1 回答
27 浏览

javascript - 在jodit中将HTML转换为markdown

在下面的链接中,我正在使用带有 react 的 jodit 编辑器。在更改文本时,它使用我们选择的样式返回 html。在键入时,您可以在下面看到它返回的值。我需要一些帮助来用降价语言打印它们,是否可以这样做。

https://codesandbox.io/s/lively-haze-yfbug

尝试使用https://www.npmjs.com/package/turndown将返回的 html 转换为降价,

例如 <p><span style="font-family: Impact, Charcoal, sans-serif; font-size: 16px;">ME typing</span></p> ,在尝试使用夜床服务转换上述内容时,它只是返回ME typing样式不存在。

提前致谢