Hi.

I am going to implement double underline in Editor component of Kendo-React.

In CSS, it can be solved using ::before and ::after.

How would I implement this feature?

Using the FontSize editor tool in the Editor I need the user to be able to select a value for the FontSize and retain that value after the user hits the enter key to go to a new line in the ediitor. Right now if you select anFontSize value it retains it till the user clicks enter then the FontSize dropdown value resets to unselected.

Thanks,

   Matt Heuerman

I have found a perfection for my requirements

- A dropdown of selection insert none-editable peace of text

- The text should not be change

- The text should be style able

But there is a problem, when select the uneditable span when stand alone in a line. It cannot be styled. I think it's because of  the contenteditable dissmiss with user-selection:none dismiss any style change.

Here  is thee related question. You can scroll down at the end to find the solution.

Custom dropdownlist in toolbar of Kendo React Editor in KendoReact | Telerik Forums

Hi there,

Referring to the Editor and Editortool @progress/kendo-react-editor,

How can I use Print tools with multiple orientation. For Example, Potrait orientation for page 1 and Landscape orientation for page 2. 

in this section i wanted to have only numeric input with some format like hh:mm.

so i was using masked text box.  but doing so on every onchange it is throwing me out of focus.

Is there a way to tag a user in the editor similar to there is in azure devOps?

something like this:

PM 10/10/2023 :  @Shane S Calhoun  the fix worked

I have some content that consists of an image with a hidden link. (It used to be a button, but I found that the button was being stripped out entirely. If there's a way to fix this, I will probably go back to the button.)

<div class="divbutton">
<p>
<img src="data:image/jpeg;base64,foo" alt="Xsctn_Strat-Struct.jpeg" title="Xsctn_Strat-Struct.jpeg" style="width: 100px" class="Figure-Preview" id="64319096-9a51-418d-a11b-e70d25d9cb0e" contenteditable="false" draggable="true">
<a contenteditable="false" onclick="parent.image_preview(document.getElementById('64319096-9a51-418d-a11b-e70d25d9cb0e').src)">EXPAND</a>
</p>
</div>

When I inspect the <a> element, it's missing its onclick (and contenteditable attribute, although that is not critical.)

If I manually recreate the onclick event in the DevTools, it works perfectly.

How can I stop it from being removed?

Hi, I'm currently struggling with a feature request and wondering whether anyone has any suggestions for a good way to implement it.

We make use of the Editor control and allow users to insert images. Images appear as a thumbnail by setting the width on their inline style attribute.

Users would like some way of temporarily viewing the image, my thoughts are to perhaps have a CSS hover state that shows a small button which would display the full size image in a lightbox. (Might have to configure the Editor to not make use of iframe?)

Any suggestions would be greatly appreciated! Thanks.

I recently upgraded my node version from 14 -> 18.

After the upgrade, i started getting incompatible props datatype errors like the one below. 

Can you please help me on how to fix this issue? I've spent so much time debugging this. I'd appreciate any help. Thanks in advance!

Error

TS2769: No overload matches this call.
  Overload 1 of 2, '(component: AnyStyledComponent): ThemedStyledFunction<any, any, any, any>', gave the following error.
    Argument of type 'typeof Editor' is not assignable to parameter of type 'AnyStyledComponent'.
      Type 'typeof Editor' is not assignable to type 'StyledComponent<any, any, any, never>'.
        Type 'typeof Editor' is not assignable to type 'string'.
  Overload 2 of 2, '(component: keyof IntrinsicElements | ComponentType<any>): ThemedStyledFunction<keyof IntrinsicElements | ComponentType<any>, any, {}, never>', gave the following error.
    Argument of type 'typeof Editor' is not assignable to parameter of type 'keyof IntrinsicElements | ComponentType<any>'.
      Type 'typeof Editor' is not assignable to type 'ComponentClass<any, any>'.
        Types of property 'contextType' are incompatible.
          Type 'React.Context<any> | undefined' is not assignable to type 'import("/source/app/node_modules/@types/react-dom/node_modules/@types/react/ts5.0/index").Context<any> | undefined'.

Code

import { Editor } from '@progress/kendo-react-editor';
import styled from 'styled-components';

export const EditorContainer = styled(Editor)`
  &.k-editor {
    border: none;
    background-color: inherit;
  }

  &.k-editor > .k-toolbar {
    border: none;
    padding-left: 0px;
  }
`;