Changing color of a text part
Hi, I made this task integrating CKEditor, so you can change font, font style, size or color.. The best is that you can select any part of the text an customize only that specific part.
Read full answer below ↓Question
Hi, if i select only a part of a text to change the color it dosnt work. It change only the color for the complete text.
For example. If i want to change in "this is my text", only "my text", i select it, change the color, but the new color will go to the complete text.
May it is a smal thing, but its really useful at daily work :-)
Answers (2)
Hi, I made this task integrating CKEditor, so you can change font, font style, size or color.. The best is that you can select any part of the text an customize only that specific part.
To do what you ask, you should add a new action to the built-in RTE and wrap the selected text in a wrapper (eg. a <span> element) and once it's wrapped you should be able to add the style you need
Using a custom RTE (like the CKEditor) takes the content outside of the GrapesJS context so all the possible styles should be managed by the third-library itself
Related Questions and Answers
Continue research with similar issue discussions.
Issue #404
Changing CSS properties on a component with an existing class modifies that class instead of adding a new one
You can see this in action on the demo (http://grapesjs.com/demo.html). Select one of the nav items ('Web' for example) - note that it has...
Issue #2514
[Question]: How to change device from dropdown to icon
I'm trying to replace the dropdown with icon for the devices following the example in the newsletter template yet it doesn't work.
Issue #518
change only component body not whole page body.
Hello @artf As we discussed in issue #374. setComponents will set the body and replace all the contents that are present on the page with a...
Issue #3231
how to change gjs-ckeditor-format component
hi guys, we all know that gjs-ckeditor-plugin working with [data-gjs-type]="text" components. I wanna know , could we change this option? I...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →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.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.