Issue #3047✓ SolvedOpened September 24, 2020by BCleverly4 reactions

Unable to remove Strike via selection toolbar

快速解答by Ju99ernaut3

This is as a result of this change #2886, as a temporary fix you can use: This adds a button that removes all formatting tags.

Read full answer below ↓

Question

Current version: 0.16.22

Are you able to reproduce the bug from the demo?

[x] Yes [ ] No

What is the expected behavior? Be able to apply and remove the Strike-through styling via the mini toolbar on a selection and remove it via the same process

What is the current behavior? You're able top apply the styling via the mini toolbar, but you're not able to remove it once it's applied.

If you do all of this via the Style manager it works as intended as this applies it via CSS instead of wrapping it in a HTML element.

Answers (3)

👍 Most helpfulJu99ernautSeptember 27, 2020

This is as a result of this change #2886, as a temporary fix you can use:

const rte = editor.RichTextEditor;
rte.add('clearFormatting', {
    icon: '<i class="fa fa-eraser"></i>',
    attributes: {
      title: 'Clear Formatting'
    },
    result: rte => rte.exec('removeFormat')
  });

This adds a button that removes all formatting tags.

artfOctober 10, 2020

Will be fixed in the next release

BCleverlyOctober 9, 2020

Thanks @Ju99ernaut - appreciate the help :)

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.