Hello,
the "clean formatting" button in the Editor deletes Text.
1. Create unorderd List with 3 entries and 3 indents like:
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
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]
CustomTool does not expose an Icon() API configuration in the Editor
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.
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")
)
)
)
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.
Currently, in the console, an error 404 occurs that the resource is not found.
The image should be added to the Editor without errors.
Reproducible in the demos.
Resize handles duplication
No duplication of the resize handles
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.
<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>
The value of the editor has additional new lines. The additional lines could be observed also in the 'viewhtml' tool. (screencast)
There should be no additional new lines added to the Editor's content.
Configure the Editor on a single line
<kendo-editor name="test1" tag="div"><tools><tool name="viewHtml" /></tools></kendo-editor>
### 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>
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:
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.
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.
Open this dojo example: https://dojo.telerik.com/BzNkZgSf
The input tooltip shows:
k-editor-link-url
because the input's title attribute is set like this: title="k-editor-link-url"
Instead of the name of a class, the tooltip should show "Web address", "Text", or "ToolTip" respectively.