#Filament 4 Beta Released with New #Tiptap Rich Editor 🎉

• 🏷️ Merge Tags with dynamic data integration using {{}} syntax and searchable previews for #Laravel applications

🧵 👇 #filamentphp #php

Massimiliano Farinella wrote #pundok, a visual #editor for #pandoc. The editor is based on pandoc's internal format, so no information is lost when transferring the documents to pandoc for further processing.
The editor is written using #ProseMirror and #Tiptap; it can be included in web pages or be run standalone (via Electron).
https://github.com/massifrg/pundok-editor

London / Paris artist The Spectre drops his version of Tip Tap. The Spectre says, "Shout out Dillon. Loved her track Tip Tapping so much I needed to remix it".

#Dillon #LouisTartinville #TheSpectre #TipTap

https://www.britishhiphop.co.uk/downloads/video/the-spectre-tip-tap-dillon-remix-video.html

For #work I've gotta implement a site with several spaces for author input using #wysiwyg editors. I'm using #TipTap (based on prosemirror) because it's fairly flexible with custom add-ons that I'll need to implement.

Does anybody that uses accessibility tools on the web have particular gripes with existing WYSIWYG editing experiences? (Eg ckeditor, tinymce, google docs, o365).

I need to put LATEX editing and image insertion/captioning and table nonsense in the editor, and I've got the opportunity to make the whole experience more accessible, but I don't have a tonne of access to individuals with hands-on experience using this kind of tool with different perspectives. The guidelines only get you so far!

Any input helps!

#a11y #aoda #accessibility

I've been writing my little blog in raw #HTML for a while now because I don't like using #markdown for blog posts. I like markdown a lot for documentation, but for authoring more styled documents I like to have more direct control over my content and skip the compile step.

Also I literally will never remember if the [] or () is first for stupid links and images in markdown.

Anyways I finally got around to writing myself a shitty little WYSIWYG editor in #tiptap and #electron. Yeah, it uses 800k dependencies and 8 gigs of RAM, but it's cool to make a little local html file editor that looks and acts exactly the way I want, and I can add stupid features to whenever.

Everyone and their grandpa has written their own static site generator, but how many y'all written your own blog editing suite?

(I know it's not very pretty, but it doesn't need to be since it's just for me)

It's time to listen to Vanessa Otto! "Unleashing the Power of AI: Integrating Tiptap, OpenAI and Vue.js"⚡️

Vanessa is Lead Frontend at zavvy.io

#vueday #vueday2023 #vue #AI #vuejs #openai #tiptap

@danielsiepmann I have discussed this several times with my colleagues and everyone agrees that plugin development for #CKEditor5 is hell.

I don't know why #TYPO3 decided to keep using #CkEditor5, because I don't see any benefit. It seems very over-engineered (it has its own debug console!) and all plugins from #CkEditor4 have to be completely rebuilt as there is no upgrade path. So it wouldn't matter if #TYPO3 had switched to another #RTE.

Would love to see #tiptap or #tinymce in #TYPO3.

@lori I'm mostly just paraphrasing what the I recall being described as results from user group studies at SRI were on pointing devices.

The mouse wasn't the only thing they tried. Light pens predated the mouse (e.g. in Ivan Sutherland's Sketchpad: https://www.youtube.com/watch?v=495nCzxM9PI )

My understanding is that Bill English/ARC/The Augment group at SRI (Stanford Research Institute) under Doug(las) Engelbart experimented with various pointing devices, before settling on a 3 button mouse.

Some iterations had fewer (perhaps even no? I don't recall) buttons, some had as many as five buttons I seem to recall?

They even purportedly experimented with a pointing that was driven by knee movements (presumably to allow the hands to be free for other things, though perhaps this may have also been useful for accessibility much in the way there are some alternative pointing devices based upon eye tracking or breathing in more recent decades)

In SRI's studies apparently 3 buttons was considered ideal by most users?

Admittedly, they experimented with a lot of other things when it came to user input too.

For example, instead of relying solely on a QWERTY keyboard layout, NLS used a "chorded" keyboard (image attached).

Similar to playing notes on piano keys, or stenographer keyboards, multiple keys could be held simultaneously, to produce different characters.

Some years ago, an app was made available for mobile touch screen devices, by Adam Kumpf from Teague Labs but that app did not keep up & isn't in app stores anymore. (remnant: https://www.fastcompany.com/1669042/a-famous-inventors-forgotten-idea-a-one-handed-touch-screen-keyboard).

Others made an interface for the original hardware to an iPad (e.g: https://valerielandau.wordpress.com/2010/08/10/engelbart-typing-on-the-ipad-with-the-chorded-keyset/ ).

Presumably due to the versatility of the chorded keyset (typically used by the left hand) excessive buttons on the mouse (typically used by the right hand) made it such that 3 buttons seemed sufficient?

@alcinnz @ajroach42

#NLS #Mouse #ThreeButtons #ChordedKeySet #Engelbart #SRI #ComputerHistory #oNLineSystem #DougEngelbart #TipTap

It has been a quiet week for me, and I used that time to deep dive back into #PHP, #Laravel and #Livewire programming and application building.

I read a lot in the official Laravel and Livewire docs again. I renewed by #Codecourse subscription and watched some material over on #Laracasts too.

So many cool developments since my last Laravel project.

And finally #tiptap is out, and I can use it for a long-overdue client project.

I hope this week will be as much fun! 💪🏼

@samwillis @elk @pradhvan Remember #tiptap ?

Just discovered that the rich text input I'm typing in in @elk is #TipTap. #elk being Vue+Nuxt means it's using the Vue 3 port I helped out on a couple of years ago.
That's the amazing thing about open source, you can be using something and never know that it's actually running code you helped write!

Nyt on kuulkaatten täys whamageddon päällä, elikkäs-pelikkäs joulusoittolista soipi heti aamusta :blobcatchristmastree:

#tipTap

@nextcloud so it is basically just a #tiptap integration and doesn't (because of that) even really follow the nextcloud design language...