Comments (3)
Have a running version with Vue3 and tiptap, will share it later here.
from preline.
Hi there!
I really love that you integrated tiptap's WYSIWYG editor! However, in your example in the docs, the lists (incl. ordered lists, indent) seem not to work so far. Tested with Chrome and Safari.
Cheers, Rüdiger
Hi!
Thanks for the notice. You're right, the issue is really exists. The problem could be solved by mapping different versions of prosemirror-model
to the one.
In our case the following code helped:
<script type="importmap">
{
"imports": {
"https://esm.sh/v135/[email protected]/es2022/prosemirror-model.mjs": "https://esm.sh/v135/[email protected]/es2022/prosemirror-model.mjs",
"https://esm.sh/v135/[email protected]/es2022/prosemirror-model.mjs": "https://esm.sh/v135/[email protected]/es2022/prosemirror-model.mjs"
}
}
</script>
The issue appears because of different versions of the prosemirror-model
in some imports here
import { Editor } from 'https://esm.sh/@tiptap/core';
import Placeholder from 'https://esm.sh/@tiptap/extension-placeholder';
import StarterKit from 'https://esm.sh/@tiptap/starter-kit';
import Paragraph from 'https://esm.sh/@tiptap/extension-paragraph';
import Bold from 'https://esm.sh/@tiptap/extension-bold';
import Underline from 'https://esm.sh/@tiptap/extension-underline';
import Link from 'https://esm.sh/@tiptap/extension-link';
import BulletList from 'https://esm.sh/@tiptap/extension-bullet-list';
import OrderedList from 'https://esm.sh/@tiptap/extension-ordered-list';
import ListItem from 'https://esm.sh/@tiptap/extension-list-item';
import Blockquote from 'https://esm.sh/@tiptap/extension-blockquote';
We will fix this in the next update in our code as well.
from preline.
Hey @RSchmitzHH - the issue has been fixed in 2.3.0 update.
from preline.
Related Issues (20)
- Offcanvas is not working for me HOT 1
- No support for Decimal on Input number element HOT 2
- Angular version of Accordion doesn't work HOT 1
- [React] How to collapse the navbar Links after clicking on a link? HOT 1
- Can you support AdonisJS
- Searchable advanced select throws error when searching for value not in list
- aria-expanded is not present in collapse button
- Add support to escape ID for React's useId hook HOT 1
- 关于如何在React Vite ts中激活js交互的参考
- Combobox will skip at least one item if arrowdown/up in vue3 HOT 1
- Error while filling the input in the Preline UI component HOT 2
- Carousel Plugin Bug: Incorrect Behavior in RTL dir
- Accordion/Collapse panel markup missing `role="region"` HOT 1
- Dropdown menu doesn't open if child contains `onclick` or `data-hs-overlay` HOT 2
- Interactivity missing in Umbraco CMS HOT 1
- I can't build my nextjs v14 app using preline
- Laravel 11 Livewire 3 issue rendering classes. HOT 2
- Advanced select's documentation copies invalid JSON when used without dark classes
- Cannot read properties of undefined (reading 'getAttribute') In Next JS 14 HOT 1
- data-hs-combo-box-output-item attribute hydration issues HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from preline.