问题标签 [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.
php - 如何修复 Jodit 上传器中 JSON 数据错误的第 1 行第 1 列的意外字符
我正在努力让上传者在 Jodit 工作。我遵循了文档/教程和几篇文章中给出的示例,但我总是收到错误“未捕获的语法错误:JSON.parse:JSON 数据的第 1 行第 1 列的意外字符”。
有人可以帮忙吗?
这是代码:
以及用于移动上传文件的 php 文件:
vue.js - Jodit 编辑器使用 --jd-color-background-default 保存
在 Jodit 编辑器中编辑文本并添加/删除粗体文本或其他更改后,最终输出包括额外的属性,例如var(--jd-color-background-default)
:
是否有任何编辑器配置选项可以从保存的 HTML 文本中删除它?
javascript - 全屏显示 Jodit 按钮列表
我需要有关 Jodit 的帮助。我正在使用 3.7.2 版(此时是最新版本)和此配置:
我想以全尺寸(全屏)模式显示按钮数组。因此,编辑器位于 660px 宽的元素内,它在工具栏上显示按钮MD数组按钮,但是当通过单击放大(全屏)按钮以全尺寸打开编辑器时,我想显示按钮数组中的按钮,因为宽度是超过 660 像素(我的屏幕上为 1720 像素)。这可能吗?
reactjs - 在 Jodit 编辑器中试图允许突出显示但不更改实际文本
我想允许突出显示但不是所有用户都可以更改 Jodit-react 中的基础文本。如果我只读,则不允许突出显示。有什么建议么?
events - Jodit RTE - 内部消耗的按键“Enter”事件
我正在尝试在输入时捕获事件,但我的听众正在捕获除输入键之外的所有按键。猜猜该事件是在内部使用的,并被阻止用于外部使用。
我将此侦听器事件配置到我的窗口(keydown):
当我在编辑器中输入时,所有其他按键都被捕获,除了输入。
该事件在组件内部被阻止。
请有人告诉我一个解决方法或 ant=y 对此的内置支持。
popup - 如何在自定义父级中插入 jodit-popup-container
您好,我第一次使用 Jodit,我的意图是嵌入到模式弹出窗口中,但我遇到了显示弹出窗口本身(列表、表格、图像...)的工具栏按钮的用户事件问题。
我发现当显示第一个工具时,Jodit 在文档正文中插入了一个 div:
<div class="jodit jodit-popup-container jodit-box jodit_theme_default"></div>
如果我手动将此 div 移动到我自己的模式弹出窗口中。所有事件都被正常捕获并且一切正常。
有任何 jodit 配置选项可以详细说明必须在哪个节点中插入 jodit-popup-container?
reactjs - 如何在 React Jodit 编辑器中通过 URL 输入禁用上传图像?
我正在使用启用图像上传插件的 Jodit Editor。但是我想允许用户仅上传从浏览器中选择的图像文件,并且我想禁用 URL 输入以键入文件 URL,我这样做的原因是因为问题是用户可以输入无效的 URL(例如:hello world),将生成 Jodit到 HTML 输出,如 : <img src="hello world" />
。我从 Jodit 那里阅读了文件,但我没有解决方案。谁能帮我?谢谢!
image - 有没有办法在 Jodit 编辑器中使图像不可拖动?
我正在寻找一种使图像在 Jodit 编辑器中不可拖动的方法。尤其是在移动设备上,滚动时很容易无意中拖动图像。这通常会导致图像被移动或删除。
reactjs - `onBlur` 未在 'Jodit` wyswig 编辑器代码编辑器模式下触发,`useCallback` 无法正常工作
我已经用我的案例制作了一个代码框示例,需要帮助才能使其正常工作。这是示例的链接。
复制步骤:
- 在 jodit 编辑器上输入一些内容
- 鼠标单击编辑器外部,您将看到显示
onBlur
已触发的日志。 </>
使用左上角的图标切换到代码编辑模式。- 修改html上的东西。
- 在编辑器外部单击鼠标,您将看不到任何其他日志。
我最初的目标是确认这种机制是设计使然还是错误,并且在在 github 存储库上打开票证之前,我尝试向社区询问。
您可能还注意到,在我的示例中,日志系统无法正常工作。
我试图堆叠所有日志 - onChange
,onBlur
但它只显示最后一个日志。当我点击Add
按钮时它工作正常。也许反应钩子的使用有问题。
有人可以帮我解决上述问题吗?
onBlur
在编辑器中的代码编辑模式下不会触发Jodit
。它是设计使然还是错误?- 为什么我只看到最新的日志而不是堆积的日志?
先感谢您。
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
样式不存在。
提前致谢