Strip plugin doesn't work properly on MAC OS

0 Answers 59 Views
Editor
Judy.Wang
Top achievements
Rank 1
Veteran
Judy.Wang asked on 15 Nov 2021, 03:41 PM

Hi Telerik Team,

Our customer found strip plugin doesn't work properly on MAC OS not matter what browser they choose ( Chrome and Safari ). We found the same issue on Telerik editor demo site too. Is there any walk-around or coming release to fix the issue ?

How to reproduce it:

1. go to https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

2. switch to "HTML" mode, then copy and paste following

 

<p><span style="color: rgb(34, 38, 53); font-size: 14.5pt; font-family: Cambria, serif; line-height: 107%;">Vue uses HTML templates and JSX to render the content onto DOM, while React only uses JSX, which is essentially an extension that allows you to insert HTML directly into JS code.</span></p>
<p><span style="color: rgb(34, 38, 53); font-size: 14.5pt; font-family: Cambria, serif; line-height: 107%;">&nbsp;</span></p>
<h3 style="margin: 15pt 0in 7.5pt;"><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 14pt; font-family: Consolas; letter-spacing: -0.4pt;">beforeCreate</span></code></h3>
<p><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">The&nbsp;</span><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 11.5pt; font-family: Consolas; line-height: 107%;">beforeCreate</span></code><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">&nbsp;hook runs at the very initialization of your component.&nbsp;</span><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 11.5pt; font-family: Consolas; line-height: 107%;">data</span></code><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">&nbsp;has not been made reactive, and&nbsp;</span><code><span style="color: rgb(84, 84, 84); background: rgb(242, 242, 242); font-size: 11.5pt; font-family: Consolas; line-height: 107%;">events</span></code><span style="color: rgb(51, 51, 51); font-family: &quot;Segoe UI&quot;, sans-serif;">&nbsp;have not been set up yet:</span></p>

 

3. back to design mode, run "Strip All Format" option

4. check the result, it's not the same if you use MAC OS or Windows OS

 

Thanks in advance,

 

Lan

Rumen
Telerik team
commented on 16 Nov 2021, 01:09 PM

Hi Lan,

I am not aware of this problem and I tried to reproduce in but without success on Chrome (http://youtu.be/1SRKLvIF_ZU?hd=1) and Safari (http://youtu.be/XhrBmR8GBe8?hd=1) and Google Chrome on PC. Please check the videos and the screenshot below taken in Chrome on MAC and Widnwos and let me know if I am missing something? 

Judy.Wang
Top achievements
Rank 1
Veteran
commented on 22 Nov 2021, 06:45 PM

Thank you Rumen.  

Yes, not all Mac has the same issue. One of our team member can reproduce this issue but I cannot. Since we all remote work from home now, it's hard to check what's the real issue is, so I will close this ticket for now. 

 

Thank you!

 

Lan

Rumen
Telerik team
commented on 23 Nov 2021, 07:58 AM

Hey Lan,

You can provide a custom strip button to this customer, if you'd like so. T

The following article shows how to create and add a custom button to RadEditor toolbar - https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/toolbars/buttons/add-your-own-buttons.

The following SO thread provides guidance on how to programmatically remove the HTML content from a string with JavaScript/reg expressions - https://stackoverflow.com/questions/1499889/remove-html-tags-in-javascript-with-regex

No answers yet. Maybe you can help?

Tags
Editor
Asked by
Judy.Wang
Top achievements
Rank 1
Veteran
Share this question
or