Bug report

We are trying to prevent users from dropping an image file from their computer directly onto the Editor with Firefox. When this happens the browser converts the image into a uri encoded version of the image. When we define a custom PasteCleanup function to handle this, the Editor will sometimes work as expected but other times it will throw an error when trying to execute the function. This seems to be random after each page load.

Reproduction of the problem

1. Open this Dojo with Firefox
2. Run the Dojo and drag and drop an image from your machine

Please note that the reproduction of the error is inconsistent. However the CustomPasteCleanUp doesn't prevent the addition of the image, nor does the prevention of the Drop event.

Screen capture of reproduction in ASP .NET Core.
Screen capture of reproduction in Dojo.
More information about issue and reproduction available in ticket: 1534730

Current behavior

An image file that is dragged and drop by the user to the Editor is always added to the widget.

Expected/desired behavior

The current behavior should be preventable and an error must not occur.

Environment

• Kendo UI version: 2021.2.616
• Browser: [ Chrome 93 | Firefox 92 ]

Bug report

CustomTool does not expose an Icon() API configuration in the Editor

Current behavior

Currently, defining a custom tool does not enable you to specify an icon which tends to be permitted in the Kendo UI for jQuery Editor incarnation. For example:

$("#editor").kendoEditor({
    tools: [
        {
            name: "Toggle",
            icon: "toggle-full-screen-mode"
        }
    ]
});

The following dojo showcases this behavior.

Expected/desired behavior

It would be beneficial if there is a possibility to explicitly define an icon in the MVC and Core wrappers. For instance:

@(Html.Kendo().Editor()
    .Name("editor")
    .Tools(tools => tools
        .Clear()
        .CustomButton(button => button
            .Name("ToggleFullScreen")
            .Icon("toggle-full-screen-mode")
        )
    )
)

Environment

• Kendo UI version: 2023.1.1114
• Browser: [all]

Bug report

When the Editor is configured by using tagHelpers and the configuration of the tools is on multiple lines additional new lines are added to the Editor content due to the tags used for the tool's configuration.

Reproduction of the problem

1. In UI for ASP.NET Core app use the following Editor configuration:

<button onclick="getValue()">get Value</button>
Test-1:<br /><br /><br /><br />
<kendo-editor name="test1" tag="div" >         
    <tools>
        <tool name="viewHtml" />
    </tools>
</kendo-editor>  

<script>
    function getValue() {
          var editor1 = $("#test1").data("kendoEditor");
          console.log(editor1.value())                   
    };
</script>

2. Enter for example "1"
3. Click the 'get Value' button

Current behavior

The value of the editor has additional new lines. The additional lines could be observed also in the 'viewhtml' tool. (screencast)

Expected/desired behavior

There should be no additional new lines added to the Editor's content.

Workaround

Configure the Editor on a single line

<kendo-editor name="test1" tag="div"><tools><tool name="viewHtml" /></tools></kendo-editor>

Environment

• Kendo UI version: 2021.1.119
• Browser: [all ]

The Kendo React suite has a Search and Replace functionality. We need to use that in ASP.NET Core.

Please also implement it in Telerik UI for ASP.NET Core.

### Bug report

When adding a custom tool with a template in the Editor, the hash-template syntax is treated as a string.

### Reproduction of the problem

A Dojo sample for reproduction: https://dojo.telerik.com/iwikOpul

### Expected/desired behavior

The hash literals should be parsed correctly to display the respective data.

### Environment

* **Kendo UI version: 2023.1.314
* **Browser: [all]

Currently out of all buttons the mentioned above can't have custom tooltip messages given to them with the .Messages() method. If a user wants to localize the buttons to a different language, they won't be able to do it without the use of additional JS logic for these 4 specific buttons (see attached screenshot).

As a workaround, the following code is used to achieve this behavior:  

<script>
    $(document).ready(function () {
        changeBtnMessages()
    })   

    function changeBtnMessages() {
        var mergeCellsHorizontallyBtn = document.querySelector('[aria-label="Merge cells horizontally"]'); // Get the first button with this specific aria-label property
        var parent = mergeCellsHorizontallyBtn.parentElement // Get its parent element which is being also a parent to the other 3 buttons
        var children = parent.children // Get all the 4 buttons alltogether

        var customTitles = ["sample title 1", "sample title 2", "sample title 3", "sample title 4"] // Here are the custom messages(title) that will be applied, be sure to change them in your application
        for (var i = 0; i <= children.length; i++) {
            $(children[i]).prop('title', customTitles[i]) // Iterate through them and set the message to each one of them
        }
    }
</script>

### Bug report

When pasting a table that contains merged cells from Word to the Editor is not formatted correctly.

### Reproduction of the problem

1) Create an Editor as per the example below:

    $("#editor").kendoEditor({
        pasteCleanup: {
          msAllFormatting: false,
          msConvertLists: false,
          msTags: false
        }
    });

2) Copy the table from the attached ".docx" file and paste it into the Editor.

3) The pasted table does not match the table from the Word file.

### Expected/desired behavior

When copying and pasting tables from Word into the Editor, their formatting should match.

### Environment

* **Kendo UI version: 2023.2.718
* **jQuery version: 3.4.1
* **Browser: [all]

Hello,

the "clean formatting" button in the Editor deletes Text.

1. Create unorderd List with 3 entries and 3 indents like:

• Point 1
• Point 2
• Point 3
  • Point 1.1
  • Point 1.2
  • Point 1.3

2. select all the indent Points 1.1 to 1.3 and click the "clean formating" 

clean formatting is cleaning (deleting) the Points 1-3 :

After clean formating looks like this:

Point 1.1

Point 1.2

Point 1.3

It is reproducable on your Demosite

Regards

Michael Pospischil

Bug report

The ExportAs command's dropdown options are not populated when the client-side exportAs configuration of the Editor is additionally configured.

Regression introduced with 2023.1.314

Reproduction of the problem

1. Open the following dojo
2. Notice that the dropdown is blank and no data is populated.

Current behavior

The ExportAs command's dropdown is blank.

Expected/desired behavior

The ExportAs command's dropdown data should not be blank.

Environment

• Kendo UI version: 2023.1.314
• Browser: [all]

Hi,

We are looking for a feature like outlook when we start typing with "@" it should display the users list using some API Call or any other method. 

Similarly when I start any word with "#" in editor, it should display some suggestions.

Currently, the ExportAs configuration exposes Proxy method to setup the proxyUrl field, but it is limited to enter only action and controller. Whereas in RazorPages a URL with handler should be defined instead. 

Plus, in order for the AntiForgeryToken to work properly it should be injected in the form submitted by the tool.

Bug report

When the pasteHtml command or the paste method is used on a line that only has   or a tag these are deleted.

Reproduction of the problem

1. Run this Dojo
2. Press space a couple of times
3. Click the Add Module button
4. The spaces have disappeared

Alternatively, turn on Bold formatting without typing anything and click the Add Module button. The Bold formatting gets cleared

Expected/desired behavior

Pasting content in the Editor

Environment

• Kendo UI version: 2022.3.802

Bug report

When the user creates a folder and tries to add a file to the Editor an error occurs that the file is not found. This behavior is observed only if the application is Core 3.1.

Reproduction of the problem

1. Open Image and File Browser Demo
2. In the ImageBrowser create a folder.
3. Upload an image and try to add it to the Editor

Current behavior

Currently, in the console, an error 404 occurs that the resource is not found.

Expected/desired behavior

The image should be added to the Editor without errors.

Environment

• Kendo UI version: 2010.2.617
• Browser: [all ]

Describe the bug

In version 2022.1.119 when the Editor is placed in the same container with another element that also has width:100% the Editor is visibly wider.

To reproduce

1. Run this Dojo or this REPL
2. Inspect the Editor's wrapper

Expected behavior
The Editor's width should not be overridden

Screenshots

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• All

Build system information (please remove the unneeded items)

• Not Applicable

Additional context
Issue not reproducible with Less Themes

Hi.

In Kendo UI for ASP.NET MVC, I'm able to import the following file types into the Editor:

Docx

Rtf

Html

Plain Text

I'm also able to export to the following file types:

Docx

Rtf

Pdf

Html

Plain Text

I expected this functionality to also exist in the Editor control in Kendo UI for ASP.NET Core.

This functionality seems to be missing from Kendo UI for ASP.NET Core.

Related post: https://www.telerik.com/forums/export-to-rtf-or-docx

Thank you.

Hi Team,

I would like to request to have it built-in to include the font specifications, such as the name, size, etc, within the inherited font messages of the Kendo UI Editor. 

Thank you!