What text editor libraries can be used with Solidjs (not SolidStart)?

Rich text editors
13 Replies
bigmistqke
bigmistqke5mo ago
in principle any vanilla text editor library can be used with solidjs, but if you are looking for wrappers that ease the process a bit: there is https://github.com/amoutonbrady/solid-quill
turtle15
turtle155mo ago
Have you tried any rich text editors like Editorjs with Solid?
bigmistqke
bigmistqke5mo ago
i have used the solid-quill thingy once but editorjs I have never used those framework wrappers over libraries are often very very minimal if u look at https://github.com/ChangJoo-Park/vue-editor-js/blob/master/src/Editor.vue it's just a bit of setup that it does
GraysonT
GraysonT5mo ago
hi do u hv an example on how to use this, cuz the css of this seems crazy now.
bigmistqke
bigmistqke5mo ago
Of solid-quill? I don't see any CSS in their repo?
GraysonT
GraysonT5mo ago
after i import
import Quill from 'quill';
import { SolidQuill } from 'solid-quill';
import 'quill/dist/quill.snow.css';
import Quill from 'quill';
import { SolidQuill } from 'solid-quill';
import 'quill/dist/quill.snow.css';
this. then the css back to normal
No description
GraysonT
GraysonT5mo ago
is it same situation as u?
bigmistqke
bigmistqke5mo ago
aa u mean quill itself
GraysonT
GraysonT5mo ago
my solid js also appear this warning: App.tsx:58 [Deprecation] Listener added for a synchronous 'DOMNodeInserted' DOM Mutation Event. This event type is deprecated (https://w3c.github.io/uievents/#legacy-event-types) and work is underway to remove it from this browser. Usage of this event listener will cause performance issues today, and represents a risk of future incompatibility. Consider using MutationObserver instead.
bigmistqke
bigmistqke5mo ago
ja i think u have to include css, they have different themes if u wanna change the look
bigmistqke
bigmistqke5mo ago
GitHub
Latest Quill Release using deprecated DOMNodeInserted mutation even...
The latest quill release is using deprecated mutation event DOMNodeInserted that will be removed/disabled from Chrome around July 2024. See https://chromestatus.com/feature/5083947249172480 Platfor...
bigmistqke
bigmistqke5mo ago
tbh don't remember the specifics anymore is a while ago
GraysonT
GraysonT5mo ago
ah i see. seems till now havent been solve yet. thanks for digging this out for me alright thank you. Im finding something similar to tinymce. although not many feature as it but i think this is the best solution i can find till now