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

jodit - 如何在 Jodit 中创建自定义按钮以将文本包装在代码标签中?

基本上我希望能够生成像<code>{a: true}</code>

据我所知,这个按钮应该和“下划线”按钮做同样的事情,除了它会把文本<code>换成<u>;

我试过用这个:

该按钮显示在工具栏中,但是当我单击它时没有任何反应。文档显示了插入文本的按钮,但我需要一个换行文本的按钮。

0 投票
1 回答
587 浏览

typescript - 如何禁用 node_modules 文件夹中特定库的 libCheck 和警告?

我不断收到来自 node_modules 库中 TS 文件的警告,这是我不想看到的。

有问题的图书馆在这里:https ://github.com/xdan/jodit

我在我的 app.tsx 中导入库,如下所示:

这是我的 tsconfig.json

现在,我试过skipLibCheck: true了,但这并没有解决问题。

  1. 我真的不想仅仅因为一个包就禁用 libCheck for ALL
  2. 无论如何它都没有用,因为如果我理解正确,即使我跳过了 lib 检查,TS 也会检查文件,因为文件是在我的项目中导入的

在我的 webpack 配置中,我有这个:

我不知道这里是否有办法忽略这个库的错误?

我在控制台中遇到的错误是这样的错误:

0 投票
1 回答
589 浏览

twitter-bootstrap - Jodit 编辑器弹出窗口在 Bootstrap 模式下不起作用

当我将 Jodit 编辑器 (3.4.2) 放入 Bootstrap 模式 (4.3) 中时,弹出表单的任何 Jodit 工具栏项都不允许您在该表单上输入输入。例如,如果您单击图像工具栏图标,则会弹出一个表单供您输入 URL。该输入字段不会获得焦点以允许您输入任何内容。这些弹出表单上的按钮确实有效。

其他一切 Jodit-wise 似乎在模态中工作正常,而不是在选择工具栏图标时弹出的表单。当它不在 Bootstrap 模式中时,相同的 Jodit 配置在该页面上工作。

Jodit 设置的 z-index 比模态的要高得多。没有什么明显的输入字段被禁用。我认为可能需要在显示模式后创建编辑器,但这对问题没有影响。

HTML

JavaScript

示例:https ://jsfiddle.net/Lmqj2ybv/1/

0 投票
0 回答
99 浏览

jodit - 如何在 Jodit 工具栏中启用托盘选项

我目前正在使用 Jodit 编辑器并启用了“画笔”按钮,如下所示:

当我使用这个按钮时,我只能使用预定义的颜色。在 Jodit 游乐场页面https://xdsoft.net/jodit/play.html上,当我单击按钮时,我可以选择使用我输入的 Hex 或 RGB 颜色。我已经搜索了文档,但没有看到添加此功能的参考。

如何启用设置自己颜色的功能?

0 投票
1 回答
325 浏览

wysiwyg - 如何在函数中更新现有 jodit 编辑器的内容

我在我的网站中使用 jodit,想知道如何在函数中更新现有 jodit 编辑器的内容。

首先我做....

并且编辑器已正确创建。

我有一个功能,它可以由用户执行,然后应该加载内容(通过 json-request),然后将内容放入现有的 jodit textarea。这是我的尝试(对于这个例子,我简化了函数):

意思是,我不知道如何将数据发送到现有的jodit texteditor ...

我是 jquery 初学者,所以请不要太难;-)

最好的问候丹尼尔

0 投票
1 回答
295 浏览

jodit - 在 jodit-react 中禁用粘贴图像截图

我截取屏幕截图并粘贴到编辑器。这使得存储空间非常大。如何在jodit-react中禁用从剪贴板粘贴图像到编辑器?我正在使用 jodit-react 版本 1.0.66。

0 投票
1 回答
305 浏览

wysiwyg - Jodit -> 初始化后隐藏工具栏

我使用 Jodit 作为所见即所得的编辑器并有一个初学者问题。在编辑器初始化时,我想隐藏工具栏。这很完美:

现在我想要一个自定义按钮,它调用一个切换工具栏的函数,但我不知道如何设置这个选项。

我需要类似的东西

但我不知道确切的语法...

请帮忙 ;-(

0 投票
2 回答
203 浏览

file-upload - 如何修复 this.o.filesVariableName 不是使用 Jodit 图像上传器的功能?

我正在尝试使用 Jodit 编辑器并希望使用图像上传功能来指定使用 PHP 脚本将其上传到的文件夹和路径。

我试图放入一些 console.log 语句来检查我的值,但是当我选择一个图像时,我在控制台中收到这个错误,我不知道如何修复。

在此处输入图像描述

我在页面中使用的代码是:

0 投票
1 回答
196 浏览

vue.js - 将 npm 包导入 Vue.js 单文件组件

我想在 SFC 中使用 Jodit,但我不确定应该如何完成。我意识到有一个包装器(jodit-vue),但出于教育目的,我想知道没有它是如何完成的。我创建了一个带有默认预设的 Vue CLI 项目,我改变的只是App.vue

这会产生错误:error 'Jodit' is not defined no-undef,如果我将导入更改为:

然后编译就好了,但是浏览器控制台说:

诚然,我对这一切都很陌生,但我很感激能指出正确的方向。

0 投票
1 回答
259 浏览

word-wrap - Jodit Editor textarea 文本不换行

Jodit 编辑器 (3.4.xx) - Kubuntu 20.04、Firefox 83、Chrome/Chromium 87

当在 textarea 中输入文本并且达到 Jodit 编辑器宽度的末尾时,编辑器不会换行文本。相反,它不断将字符添加到末尾,并且水平滚动条打开。

是否有特定设置可以启用此功能?我看到'wraptextnodes'插件管理这个,它似乎应该默认启用。

在线示例可以正常工作。