profile
viewpoint
Erick Wilder erickwilder @Sendcloud Eindhoven, The Netherlands http://erickwilder.com

erickwilder/brackets-pylint 2

Python linter support for Brackets editor

erickwilder/factory-boy-rest 1

Glue to factory boy to REST APIs

erickwilder/fluent-vue 1

Project fluent integration with Vue.js

erickwilder/fluent.js 1

JavaScript implementation of Project Fluent

erickwilder/messageformat 1

ICU MessageFormat for Javascript - i18n Plural and Gender Capable Messages

alexanderpina/acao-de-natal 0

Ação de Natal

erickwilder/audit-ci 0

Audit NPM and Yarn dependencies in continuous integration environments, preventing integration if vulnerabilities are found at or above a configurable level while ignoring allowlisted advisories

erickwilder/babel 0

The new official repository for Babel, the Python Internationalization Library

erickwilder/babel-plugin-c-3po 0

:blue_book: c-3po - library for extracting and resolving gettext translations extract es6 localization

erickwilder/bag 0

A Python library for several purposes

push eventueberdosis/tiptap

Hans Pagel

commit sha b2394ffa99ae7ca5213f3f5c85f1700e56fd63c6

use fork of github action

view details

push time in a day

issue openedueberdosis/tiptap

The label workflow fails

Testing the updated workflow

created time in a day

push eventueberdosis/tiptap

Hans Pagel

commit sha 4b65c4b2e3833196276d0fe2ce5e638b0fccd687

try to fix the label workflow

view details

push time in a day

issue commentueberdosis/tiptap

Directly edit source code

Hi,

I need to render in some case the html content directly in the editor. If copy paste, that works, but when i set the content on editor creation, i can't figure out how to render html source code.

Then you could add a toggle button and render this HTML in a textarea.

Are you talking about another text area than the editor ? I don't understand how can i do what you said

Thanks.

bernhardh

comment created time in 2 days

issue commentueberdosis/tiptap

Ability to insert variables, similar to suggestions

@bbbford Very neat that you managed to get it working. Would you mind sharing a repo with us? That would be very, very helpful.

moltar

comment created time in 2 days

issue commentueberdosis/tiptap

Error: Looks like multiple versions of prosemirror-model were loaded

@philippkuehn Do we know when the fix will be released for this? It is breaking the current TipTap.

karol-f

comment created time in 2 days

issue openedueberdosis/tiptap

Suggestions demo popup problem

Describe the bug When you type @ sign, popup opens and you can select from the names. If you type some letter, the suggestion content is filtered. At this point, if you decide to delete the letter/letters and the @ sign as well, the popup with suggestions jumps to left top corner and can not be closed/destroyed.

Steps to Reproduce Steps to reproduce the behaviour:

  1. Go to https://tiptap.dev/suggestions
  2. On a new line, type: @, p, backspace, backspace (trigger the suggestion filtering and then delete the letter and the @)
  3. The suggestion popup detach from cursor and jumps to the left top corner

Expected behavior When you do not select any suggestion and you delete @ sign, popup disappears completely

Screenshots git1 git2

Environment

  • OS: Win10
  • Browser chrome 87, firefox 83
  • Version [e.g. 22]
  • Desktop

Additional context Add any other context about the problem here.

created time in 3 days

issue commentueberdosis/tiptap

Mention node broken on android

I'm having the same issues as @chrisjbrown and @tobischulz but from what I can tell it's dependent on the keyboard app. Only the replication issue seems to happen on Google's Gboard, but only the original issue of being unable to delete with backspace occurs on the Samsung stock keyboard. At least that's the case on my Galaxy S20. I also have a user with Microsoft Swiftkey that is experiencing the replication issue when they press space after a mention.

chrisjbrown

comment created time in 3 days

PR opened ueberdosis/tiptap

Allow Links to use their individual attrs.target

Currently there seems to be no way to use target="value" on some Link marks and target="other" on another Link mark, because in toDOM the value of node.attrs.target will always be overwritten with defaultOptions.target. I think this was introduced in #619.

With the PR, the individual values are preferred and the defaultOptions.target will only be used as a fallback.

+1 -1

0 comment

1 changed file

pr created time in 4 days

startedabstracthat/dactyl-manuform

started time in 4 days

issue commentueberdosis/tiptap

[Question] How to fix "Duplicate use of selection JSON ID cell" error?

Fixed error "Duplicate use of selection JSON ID cell":

In my vuejs project I had installed: npm install --save tiptap@1.27.1 (with WARN prosemirror-utils@0.9.6 requires a peer of prosemirror-tables@^0.9.1 but none is installed) npm install --save tiptap-extensions@1.29.1 (with the same WARN) (Ignored both WARNs) When routing to page containing Tiptap, I got error "Duplicate use of selection JSON ID cell" To fix it: Went to .../myproject/node_modules/tiptap-extensions/ and renamed subfolder '/node-modules' to '/node-modules--' Recompiled the project and got no error this time. Explained: In .../myproject/node_modules/ contains folder '/prosemirror-tables' (version 1.1.1) In .../myproject/node_modules/tiptap-extensions/node-modules/ contains folder '/prosemirror-tables' (version 1.0.0) Loading duplicated modules with different versions raises the error.

matticustard

comment created time in 5 days

issue commentueberdosis/tiptap

How do you render html without the Editor ?

I ending up by exporting html with getHtml() and rendering it with the editor and editable: false.

I am doing this, because I am using custom Vue components as nodes. So I can't render the html as is as I need a way to parse and render the customs nodes (eg <my-custom-component>some content</ my-custom-component>).

A lightweight reader components (to replace editable: false) would be awesome but I have go no time to implement it and I don't care about bundle size.

ThomasKientz

comment created time in 6 days

issue commentueberdosis/tiptap

Allow v-model

@alloself Here's my final editor for now. By far the best implementation for my use case.

Note: This works with v-model but needs an id to be watched instead of value itself. We need to add watch on id for setContent, or it won't change the editor's value when you load a different content without destroying the component, since the editor gets its content on mounted.

  props: ["value", "id"],
  data() {
    return {
      editor: null
    };
  },
  mounted() {
    this.editor = new Editor({
      content: this.value,
      onUpdate: ({ getHTML }) => {
        this.$emit("input", getHTML());
      },
      extensions: [/* ... */]
    });
  },
  beforeDestroy() {
    if (this.editor) this.editor.destroy();
  },
  watch: {
    id() {
      if (this.editor) {
        this.editor.setContent(this.value, false)
      }
    }
  }

I removed setContent on watch value, so cursor doesn't jump when we're typing because of content change. There's no need to get update from value, since you already updating the editor content while typing.

The onUpdate function will keep firing while typing, then the parent component will keep saving the input to API with 500ms debounce. Note that I use real-time socket for this, haven't tested this with normal non real-time setup.

1dnmr

comment created time in 6 days

issue commentueberdosis/tiptap

How do you render html without the Editor ?

That's great news, thanks for sharing @philippkuehn. I'm really excited and looking forward to the new version and hope to be able to contribute in any way 🚀

ThomasKientz

comment created time in 6 days

issue commentueberdosis/tiptap

How do you render html without the Editor ?

Hey, in v2 there ist also a generateHTML(json, extensions) method to generate HTML without an editor instance (so you can use it on a server).

ThomasKientz

comment created time in 6 days

issue commentueberdosis/tiptap

How do you render html without the Editor ?

Thanks for your input @philippkuehn!

It seems like the guys at Storyblok created a HTML render for ProseMirror JSON data: https://github.com/storyblok/storyblok-js-client#method-storyblokrichtextresolverrender

Storyblok.richTextResolver.render(blok.richtext)

What they call richtext is just a ProseMirror JSON state.

And this is the parser logic: https://github.com/storyblok/storyblok-js-client/blob/933dc19369fd6b62db42595781a15b957b663e6a/source/richTextResolver.js#L20

This might be useful for anyone looking into writing their own lightweight renderer.

ThomasKientz

comment created time in 6 days

issue commentueberdosis/tiptap

How do you render html without the Editor ?

There are three ways:

  1. you don't have any nodes with node views: you can simply store and render getHTML()

  2. you have some nodes with complex node views: store the output of getJSON() and render the editor with editable: false

  3. you have some nodes with complex node views and want to use getHTML() to render a string of HTML: provide always a correct toDOM() function. this function is used to generate the HTML and provides a proper copy/paste behavior for every node.

ThomasKientz

comment created time in 7 days

issue commentueberdosis/tiptap

Drag handle on mobile

tiptap uses the underlying drag and drop functionality of prosemirror which uses the native drag and drop API. this API is still not supported on iOS.

so I'm not sure if we can ever support drag and drop for all devices.

marctaule

comment created time in 7 days

issue openedueberdosis/tiptap

Drag handle on mobile

Describe the bug Drag handle does not work in mobile. It's not compatible with touch devices.

Steps to Reproduce / Codesandbox Example Steps to reproduce the behavior:

  1. Go to https://tiptap.dev/drag-handle with a mobile
  2. Try to drag elements
  3. You won't be able,

Environment

  • OS: iOS
  • Mobile

created time in 7 days

issue commentueberdosis/tiptap

How do you render html without the Editor ?

Hi @ThomasKientz, would you care to share any experience you had with this suggested approach (ie. using the read-only mode)? I was also trying to find something that would be responsible for rendering the JSON without the editor.

I tried to build a minimal project with TipTap using the read-only mode to see what would be the final bundle size and wasn't surprised to see a 316Kb(parsed), gzipped: 96Kb, since it packs everything required for the actual editor with all its editing functionality. I feel like I'm after a lighter library that is simply responsible for rendering the JSON content to HTML on the client. @hanspagel, would love to hear your thoughts on this!

Thanks so much in advance, guys!

Screenshot 2020-11-21 at 19 15 58

ThomasKientz

comment created time in 7 days

startedsveltejs/svelte

started time in 9 days

issue commentSendCloud/spp-integration-example

Service point list in sidebar does not update on search

@erickwilder Do I have to change anything on my end (e.g., the external script URL)? I'm still getting nearly same result as of right now: spp-static2.mp4

villermen

comment created time in 9 days

issue commentueberdosis/tiptap

Error: Looks like multiple versions of prosemirror-model were loaded

same error here, according to the error message, I found 2 prosemirror-model packages, one in /node_modules, another in /node_modules/tiptap/node_modules. my solution here : delete the prosemirror-model package in /node_modules/tiptap/node_modules wonder if there is a more proper way to sovle it

karol-f

comment created time in 10 days

issue commentueberdosis/tiptap

Tiptap in React usage

We plan to invite the first few sponsors this week, all sponsors next week, and release it publicly in January. 🙌 Be sure to follow #547 for updates!

ignatif

comment created time in 10 days

issue commentueberdosis/tiptap

Tiptap in React usage

Haha! You’re crazy. Thanks for sharing! 🙌 I’ll have a closer look at your solution.

BTW tiptap 2 will be separated from Vue.js, we have a working proof of concept React adapter for it already. 😎 You’ll be able to upgrade to that.

so when will the tiptap 2 be released?Thanks!

ignatif

comment created time in 10 days

PR closed ueberdosis/tiptap

Package json updated for tiptap package to fetch latest prosemirror-model

In tiptap package prosemirror-model is locked at 1.11.2 and in other packages it is marked to fetch latest, which results in multiple versions of prosemirror-model being loaded, more info- https://github.com/ueberdosis/tiptap/issues/577

+1 -1

2 comments

1 changed file

rajatsingla

pr closed time in 10 days

pull request commentueberdosis/tiptap

Package json updated for tiptap package to fetch latest prosemirror-model

Duplicate of https://github.com/ueberdosis/tiptap/pull/897

rajatsingla

comment created time in 10 days

pull request commentueberdosis/tiptap

Package json updated for tiptap package to fetch latest prosemirror-model

https://github.com/ProseMirror/prosemirror/issues/1070

rajatsingla

comment created time in 10 days

PR opened ueberdosis/tiptap

Package json updated for tiptap package to fetch latest prosemirror-model

In tiptap package prosemirror-model is locked at 1.11.2 and in other packages it is marked to fetch latest, which results in multiple versions of prosemirror-model being loaded, more info- https://github.com/ueberdosis/tiptap/issues/577

+1 -1

0 comment

1 changed file

pr created time in 10 days

issue closedueberdosis/tiptap

Space (whitespace) gets deleted after pressing any other key

Describe the bug Space gets deleted after pressing any other key.

Steps to Reproduce / Codesandbox Example Steps to reproduce the behavior:

  1. In an empty editor put eg. "abc"
  2. Press the spacebar
  3. Press eg. "d"

Expected behavior Whitespace should not get deleted

Screenshots ezgif com-video-to-gif

This is with the most barebones include of the editor and it still doesn't work for me.

Environment

  • Version 1.30.0

closed time in 10 days

obsessen
more