Hi,
In trying to use the Table Wizard in the Editor, I can see an 'Alignment' option which allows me to set the text alignment (<table style="text-align:center;">) - but I don't see an option for the physical placement of the <table> itself within the HTML.
While I know the 'align' property for the <table> object has been deprecated, we can obviously use <table style="float:right"> - but this requires a user to manually edit the HTML the Table Wizard generates after it has been created, which kind of defeats the object of having a wizard.
We are actively trying to minimise the amount of HTML knowledge people need to use these tools, and the Wizard UI is a definite positive step here - can there not be an option added to it to allow this positioning to be selected in the wizard too?
Thanks,
Steve
It will be a nice feature if it is possible to delete the tables inserted in the Editor by selecting them and then pressing the Delete/Backspace button.
Currently, this behavior is working in Internet Explorer as it can be observed in this video.
Dropping an image into the Editor's content results in the image being opened in the browser instead of being added to the widget's content. Reproducible in Chrome, IE and Edge. If there is existing content and the image is dropped in it, the image is added to the content as expected.
Regression introduced in 2019.2.619.
Related to #4994
The image is opened in the browser.
The image is added to the Editor's content.
Issue is only present in Firefox, Chrome does not allow selecting multiple cells.
The editor used for this was from the Demo Page:
Currently, the images in the Editor component are being handled as base64 code. Inserting larger images could cause browser issues.
This is why it will be nice if there is a built-in functionality that enables configuration options to setup upload for images on Drop/Paste upload and insert links to the destination path.
Features of this functionality:
Dojo example.
The Editor adds an extra
element after the nested table:
<p> </p>
No empty paragraph is added on pasting content.
When setting a special font of a given paragraph in the Editor component, if the "x" of the Font dropdown is pressed it will reset the font of this text to the default one. If we then want to change the format of a given paragraph(make it bold for example), we select the paragraph and click on the "Bold" button. The text which is being bolded is the one which font was previously reset, not the selected text which we expect to become bold.
The reported behavior is applicable to all styles - bold, italic, underline, text alignment, ul, ol.
When changing the style of a given selected text, after there was a font reset in the Editor, the new formatting we set is being applied on the text which font was reset, not on the selected one.
No matter the operations performed in the Editor when formatting a selected text, the format changes should be applied to the selected text only.
The fontSize tool gets focus after text selection.
* Open and run https://dojo.telerik.com/oRuLayir demo.
* Select /highlight Line4, choose 16 in the fontSize dropdown.
* Put the cursor at the end of Line6, select Line4, Line5 and Line6 using the mouse. Note that the keyboard focus has shifted to the fontSize dropdown.
The fontName tool shows an incorrect font name and gets focus after text selection.
* Open and run https://dojo.telerik.com/OHOHikin demo.
* Set the cursor to Line1, note an incorrect value in the fontName dropdown.
* Select/highlight Line4, choose Arial in the fontName dropdown and note an incorrect value in the dropdown.
* Put the cursor at the end of Line6, select Line4 and Line5 and Line6 using the mouse. Note that the keyboard focus has shifted to the fontName dropdown.
Once the content area is blurred it can be focused only by clicking its upper part.
Regression introduced in R2 2019 SP1. Reproducible only in Chrome.
Demos. Screencast.
Content is not focused.
Content is focused.
Copied text is pasted with some (editor's ?) styles.
1. Open the Demo page in the Edge browser:
https://demos.telerik.com/kendo-ui/editor/index
2. Copy some words (e.g. "Kendo UI Editor") from the editor's default text.
3. Paste them at the end of the text.
4. Open developer tools (F12).
5. On the Elements tab, select the pasted paragraph and check its style, you will see <span style="display: inline !important; etc.
Unable to resize a column inside a table inserted in Editor
This is a regression represented after Kendo UI 2019.2.619
Please check this video for more details
The columns inside a table should be resizable.
Is it possible to have several Kendo UI Editors on one page with a single toolbar?
Regards,
PÃ¥l Christian Eidem
Please have a look at the following example:
https://dojo.telerik.com/eRajAbIX/
Steps to reproduce:
1. Select a single word in the editor, e.g. ipsum.
2. Click the Clean formatting button.
3. The background color of the selected word was not changed.
Currently, the cleanFormatting tool works for removing the format from the entire element and does not split the content if a word is selected. This could be enhanced so that the selected part of the element is split into a new nested element whit no formatting.
Reproducible in the demos.
A new dialog opens, but the overflow dropdown does not close and remains visible below the newly opened dialog.
In the inline Editor the overflow dropdown is shown above the newly opened dialog.
The overflow dropdown closes.
When a bullet list with a nested table is created in Word, and then copied into the Editor, a "Cannot read property 'cells' of undefined" error is being thrown. The issue can be reproduced only when the msConvertLists option is set.
Open https://demos.telerik.com/kendo-ui/editor/paste-cleanup
Paste content from editor-test.docx.
Our team is fixing all WCAG guideline bugs in our product. The 3.1.1 guideline can't be met because the Kendo editor doesn't allow for setting a lang attribute on the iframe document, nor does the editor infer the language from the parent document and add that lang attribute.
Repro:
Open the editor example page (https://demos.telerik.com/kendo-ui/editor/index). Note that the editor iframe document contains <html> at the top but does not contain a lang="en" attribute within it. Further, edit the example on the page and add lang="en" to the <html> attribute at the top of the example. Run the example. The iframe still does not contain the lang="en" attribute.
Solution:
Include the lang attribute on the child document when the parent document contains one or make a setting available in the configuration JSON for the editor to include a lang attribute in the child document when an iframe is used.
Documents: