Safari is not allow you to edit a text Versión 12.1.1 (14607.2.6.1.1)
Question
If I try to edit an element on the container is not appearing to be working or if I decide to be bold nothing at all.
Chrome, IE are working fine only on Safari is the issue.
This is my current settings:
startGrapeJS : function() { var _this = this;
_this.editor = grapesjs.init({
// Indicate where to init the editor. You can also pass an HTMLElement
container: '#gjs',
// Get the content for the canvas directly from the element
// As an alternative we could use: `components: '<h1>Hello World Component!</h1>'`,
fromElement: true,
// Size of the editor
height: '300px',
width: 'auto',
// Disable the storage manager for the moment
storageManager: false,
// Avoid any default panel
panels: { defaults: [] },
assetManager: {
assets: [
'https://designerpages.s3.amazonaws.com/assets/73040011/5ddb8db6-1034-4f95-a78c-b21c1de7833d.jpg',
'https://designerpages.s3.amazonaws.com/assets/53571422/Deft_0_a.jpg'
],
upload: false,
},
blockManager: {
appendTo: '#blocks',
blocks: [
{
id: 'section', // id is mandatory
label: '<b>Section</b>', // You can use HTML/SVG inside labels
attributes: { class:'gjs-block-section' },
content: '<section>' +
'<h1>This is a simple title</h1>' +
'<div>This is just a Lorem text: Lorem ipsum dolor sit amet</div>' +
'</section>',
},
{
id: 'text',
label: 'Text',
content: '<div data-gjs-type="text">Insert your text here</div>',
},
{
id: 'image',
label: 'Image',
// Select the component once it's dropped
select: true,
// You can pass components as a JSON instead of a simple HTML string,
// in this case we also use a defined component type `image`
content: { type: 'image' },
// This triggers `active` event on dropped components and the `image`
// reacts by opening the AssetManager
activate: true,
}
]
},
});
}
Answers (1)
Duplicate of #2210
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2823
i have used this method to load fonts , working fine in chrome but showing original fonts list in safari
editor.on('load', function () { styleManager = editor.StyleManager; fontProperty = styleManager.getProperty('Typography', 'font-family'); v...
Issue #1756
Drag and Drop not working in resized editor window in Google Chrome
Hi, I developed some components and all works fine in Firefox, Opera browser. In Google chrome also working fine in fullscreen editor mode...
Issue #950
Editor.setdevice() not working properly on some browsers.
I am changing the device by using editor.setdevice function by calling it in document.ready function. On most devices it is working fine bu...
Issue #974
[Question] Removing the deviceManager and ViewCode buttons
I'm playing with the default init to try and remove the deviceManager and ViewCode buttons... var editor = grapesjs.init({ showOffsets: 1,...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.