问题标签 [kendo-editor]

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 投票
2 回答
512 浏览

javascript - jQuery KendoEditor 不剥离粘贴的 HTML

我有一个使用 KendoEditor 实例的页面。编辑器的功能应该非常有限,并且只允许在其内容中使用strongulliol和HTML 标记。p每当我将整个网页粘贴到编辑器中时,它都会与该页面的所有 HTML 标记一起粘贴。

我尝试使用 KendoEditor 的pasteCleanup属性和正则表达式的混合来过滤这些,如下所示:

但即使我在 pasteCleanup 上设置了 all: true ,它仍然保留 span style="font-size: something"、 font 和 headings ( h1, h2...etc) 标签。我还尝试在 KendoEditor 的粘贴事件上手动解析它:

我尝试同时针对textarea编辑器以及包含显示文本的 iframe,但这绝对没有效果。我的假设是 paste 在内容被渲染之前触发。我还尝试了pasteCleanup的所有组合,你可以想象其中一些道具可能会相互冲突。任何的想法?

示例粘贴页面:https ://html.nicole-wellinger.ch/schrift/txtgroesse.html

0 投票
1 回答
388 浏览

javascript - 如何扩展剑道编辑器小部件?

我需要扩展 kendo ui Editor 小部件并对其进行自定义。但是,toolbar.js 中有一个奇怪的错误

所以我扩展了 Editor 小部件并定义了 init 方法。在init方法中,我使用'call'从父级调用init方法。我在初始化编辑器实例时定义了“工具”选项,包括“格式化”。

我只是扩展了 Editor 小部件并定义了如下所示的 init 方法。

init 方法的上下文中存在一些错误。在toolbar.js kendo.ui.Editor.defaultTools 未定义....

我怎么解决这个问题?

0 投票
1 回答
314 浏览

kendo-grid - 如何在一列中编辑两个字段并像剑道网格中的一个字段一样显示它们?

我有一个数据源,有两个字段,比如年和月,我必须将它们组合在一起才能像一列中的一个字段一样显示,当点击编辑按钮时,每个字段都会有自己的下拉列表。

例如,我有类似的数据{ Year: "2019", Month: "08" } ,它们应该在一列中显示为 201908 或 2019/08

我所知道的就是使用列模板,例如:

或者

但似乎我无法在一列中编辑两个或多个字段,我能找到的所有示例都只是在一列中编辑一个字段。

有什么解决办法吗?

这适用于带有 HTML5、TypeScript 和 MVVM 框架的 Kendo-grid。

我已经在 cshtml 中定义了网格表

并删除了我的代码中的噪音,以使其更易于阅读。年和月包含在不同的 HTML 标记中,我尝试在“编辑”中使用编辑模板,但它似乎对我不起作用。

源设置如:

网格设置如:

0 投票
1 回答
1324 浏览

kendo-ui - 从 Kendo Editor 获取富文本格式的内容

我正在尝试通过电子邮件从剑道编辑器发送数据,但电子邮件显示的是 html 标签。我相信编辑器的内容是 Html,因此,通过设计,它的 value() 方法也返回 Html。我正在努力弄清楚如何从值中获取文本。

在我的函数中,我正在发送这样的数据: "emailmessagehtml": $("#editor").val(), 但这会显示电子邮件中的所有 html 标签。

如果有人能指出我在电子邮件中显示富文本内容的正确方向,我将不胜感激。

非常感谢

0 投票
2 回答
287 浏览

kendo-ui - 无法配置在没有工具栏的 div 元素上应用的剑道编辑器

我在 div 元素上应用了剑道编辑器,而不是使用 textarea,因为它在 iPad 中会出现一些问题。现在,我不希望编辑器有工具栏来格式化文本。

我尝试将样式应用为 none & set tools 到一个空数组,但工具栏仍然出现,其中有一个可拖动的按钮。

工具栏在没有工具的情况下通过它初始化的编辑器出现,如下图所示。

带有可拖动图标的空工具栏

方法1:(不工作)

方法2:(不工作)

方法3:(部分有效)

添加了一个选择事件,但工具栏仍然会出现一瞬间然后消失。

0 投票
1 回答
212 浏览

javascript - 在 Kendo 编辑器中解码 HTML 实体而不会丢失样式和颜色

我有一个问题:在回发期间,如果输入了特殊字符,我会在编辑器中看到它们的编码。

我如何解码它们?

例如à变成à

我需要解码àà

Dojo中的示例

如果我尝试做这样的事情:

它有效,但是我丢失了文本中插入的任何样式或颜色,我想保留它们。

0 投票
0 回答
101 浏览

kendo-ui-angular2 - 剑道编辑器链接不可点击

我正在尝试使用带有角度的剑道编辑器。除插入链接外,其他所有功能均正常工作。当我插入一个链接时,虽然它正确添加了锚标记,但它不可点击。还有一种方法可以更改剑道编辑器中的 contentEditable 值

0 投票
1 回答
554 浏览

kendo-ui - 当 Kendo ui 编辑器 id 目标时,kendo ui 上下文菜单不起作用

当 Kendo UI 上下文菜单的目标是 Kendo UI 编辑器的 id 时,Kendo UI 上下文菜单不起作用:

脚本:

0 投票
1 回答
318 浏览

javascript - 在 Kendo Editor Tool 中使用 jquery 中的类创建按钮单击事件

我在我的 MVC 应用程序中使用 Kendo 编辑器工具,在“插入文件”按钮中,我已将取消按钮重命名为关闭。上传文件并单击关闭按钮后,包含网格的上一页应刷新。

我已经创建了一个这样的按钮单击 -

上面的代码不起作用,因此我无法调用此按钮单击功能。请帮助我。

作为参考,我附上了屏幕截图。

请点击这里查看截图

根据屏幕截图,剑道编辑器工具是自定义的,一旦上传文件并按下关闭按钮,后面的网格应该会刷新。

以下是html结构,希望对您有所帮助-

0 投票
1 回答
229 浏览

jquery - 如何显示 Kendo Editor 的所有工具并防止它们推送到溢出锚点?

我有一个带有很多工具的 Kendo Jquery 编辑器。无论工具栏中的可用空间如何,我都需要在编辑器中显示所有工具。我需要不适合第一行的那些进入第二行/下一行,而不是被推入溢出锚。目前,任何不适合该空间的工具都会被推送到“更多工具”菜单。

示例代码: