Bug report

Reproduction of the problem

1. Run this dojo: https://dojo.telerik.com/nuzVFAFI/6
2. Open the browser dev tools and clear the console.
3. Copy the table below the Editor and paste it in the Editor

Current behavior

An error for the missing image is thrown:
GET https://localhost:63252/test.png 404 (Not Found)

Expected/desired behavior

No error is thrown, since the value of the background-image property has been replaced with "none" in the Editor events and the actual content the Editor visualizes does not use the image:

<tr style="box-sizing: border-box; border-style: solid; border-width: 1px 0px; background-image: none;">
...
</tr>

Environment

• Kendo UI version: 2024.3.1015
• jQuery version: x.y
• Browser: [Chrome XX ]

Bug report

Reproduction of the problem

Open this dojo example: https://dojo.telerik.com/BzNkZgSf

1. Run the example
2. Click the Insert Hyperlink tool in the Editor
3. When the hyperlink dialog appears, hover the inputs in the dialog

Current behavior

The input tooltip shows:

k-editor-link-url

because the input's title attribute is set like this: title="k-editor-link-url"

Expected/desired behavior

Instead of the name of a class, the tooltip should show "Web address", "Text", or "ToolTip" respectively.

Environment

• Kendo UI version: 2022.3.806
• jQuery version: x.y
• Browser: [all]

Consider changing the design for the ColorPicker's input mode selection.

Currently, this is done through clicking a button with "up" and "down" arrow icons:

A more UI-friendly design for the mode selection would be nice to have, for instance, a radio group, dropdown, switch, etc.

When the fonts and font size dropdown is selected, it will be helpful to view the preview of fonts before applying it to text. Similarly for font size also it will be good to preview them.

In the table wizard the caption alignment dropdown looks very long than required

### Suggestion

Either the dropdown size can be collapsed, or we can describe the images to accommodate the longer size:

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.