Issue #1699💬 AnsweredOpened January 2, 2019by narendravaghela0 reactions
outdated

Link elements are not copyable/deletable

Quick answerby narendravaghela

Can someone please help on this issue?

Read full answer below ↓

Question

In the editor, if we have link element with some classes, the editor does not allow to copy/delete the element.

GrapesJS version: v0.14.50

Steps to reproduce:

  1. Open https://grapesjs.com/demo.html
  2. Import following simple link tag
<a href="#" class="btn btn-lg d-block d-lg-inline-block">Get Started</a>
  1. Select it and click on copy icon or delete icon from the toolbar

@artf Could you please suggest on this? We are running a live application and it's bit important to make links editable.

Answers (3)

narendravaghela• January 4, 2019

Can someone please help on this issue?

artf• January 5, 2019

For now, init the editor with this option:

grapesjs.init({
	...
	canvas: {
		...
		notTextable: ['button', 'a', 'input[type=checkbox]', 'input[type=radio]'],
	}
})

in the next release I'll adjust the default value

narendravaghela• January 5, 2019

It is working now. Thank you @artf

View full discussion on GitHub →

Related Questions and Answers

Continue research with similar issue discussions.

Issue #532

Error when trying to hide some elements from the Layers Manager

Steps:Go to http://grapesjs.com/demo.htmlOpen Layer Manager.Click on the "Build your templates without coding" text element.Click on the "e...

2 answersUpdated September 18, 2019

Issue #1333

Bug in WebPage Demo

To reproduce: 1) Open https://grapesjs.com/demo.html in incognito mode. 2) Import this code: 3) Clear Canvas 4) Press Import. Result: The c...

3 answersUpdated September 17, 2019

Issue #1812

[Bug]: 404 when trying to add background image (reproducible in demo)

Visit https://grapesjs.com/demo.html in Chrome IncognitoClick the "Header" elementClick Decorations > BackgroundDelete Layer 2Click Layer 1...

3 answersUpdated June 25, 2020

Issue #1865

[Bug]: Grapes change page position

Hello, I found the following problem using grapes inside an html page: when you click on some elements of the editor, such as the arrow to...

2 answersUpdated March 10, 2020

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 →

Related tutorials

In-depth guides on the same topic.

All tutorials →

Tutorial

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Building professional, responsive, email-safe templates has always been one of the biggest challenges for developers and marketers.

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders