Awesome feedback - ty!
Best posts made by apg
Latest posts made by apg
RE: QEditor guidance requested
Really appreciate the detailed thoughts @qyloxe! Your philosophy makes total sense. Wonder if I’m better off starting with just TipTap in Vue before adding in the extra “stack layers” so-to-speak. Not sure I’m seeing (just yet) the value add that quasar-tiptap provides, other than the Quasar framework, which is quite impressive in its own right. Starting with TipTap / Vue might be a good onboarding flow for me - just have to dig into the code and learn it on the fly. The only other thought I had at this point was to roll my own contenteditable WYSIWYG implementation, particularly since I’m not concerned about cross-browser / cross-platform usage - this app is just for my personal usage. Don’t think I have any use-case needs that can’t be done with basic dom manipulation (other than the mentions/auto-complete functionality). Any additional thoughts you have are very much appreciated!!
RE: QEditor guidance requested
Thank you @qyloxe for the link - that project looks really impressive! Unfortunately it doesn’t seem to have much in the way of documentation or user community (for a novice like me). So building something like what TipTap refers to as a “suggestions” component seems very daunting. And even basic ProseMirror capabilities like InputRules macros - not really sure how to implement those within such a framework. It also feels like many layers of abstraction: TipTap is built on ProseMirror. Quasar-Tiptap built on TipTap. And the whole thing is built on top of the Quasar framework. All to get a WYSIWYG editor I can use for creating mentions, key bindings, and table of contents capabilities. Thinking there must be an easier way.
QEditor guidance requested
Hello community. New to Quasar and exploring whether the framework in general and the QEditor component specifically can help me. I’m looking for a Vue-based WYSIWYG editor that I can extend with features such as:
- mentions/tags that can be sourced asynchronously - displayed to user while typing via drop-down auto-complete
- key bindings to do things like create markdown-like functionality such as bolding a word by surrounding it with ** and starting a blockquote with >
- create custom actions such as inserting a table of contents (by scanning all H tags, assigning them unique ids, and then having each ToC link scroll the DOM to that element - as one such implementation)
I started looking at TinyMCE but found it too unwieldy in its dom handling. Most recently I’ve been looking at Quill, but it is somewhat opinionated when it comes to handling certain html (e.g. you can’t use the <details> <summary> html tag). TipTap (on ProseMirror) looks promising but not well supported nor much of a community.
Appreciate any guidance anyone can offer as to the extensibility of QEditor. Also, any comments you can offer on its use of execCommand. I thought that method was being deprecated and that developers were being discouraged from using it. I’d love to hear other’s thoughts on that.