MastodonTech.de

Christian HammondWe solved browser-native spell checking in <a href="https://mastodon.online/tags/CodeMirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeMirror</a> 5.Plus other native text-based features:💬 Speech-to-text 🤖 <a href="https://mastodon.online/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a>-assisted writing 📝 Text transformationHow we did it and how you can use it:<a href="https://chipx86.blog/2025/06/26/codemirror-and-spell-checking-solved/" rel="nofollow noopener" translate="no" target="_blank">https://chipx86.blog/2025/06/26/codemirror-and-spell-checking-solved/</a><a href="https://mastodon.online/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.online/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.online/tags/projects" class="mention hashtag" rel="nofollow noopener" target="_blank">#projects</a>

TimoSharing this little prototype of a tool i've been working on. It is basically a combination of a "DAW" with a code editor (with the timeline more like a Tracker, vertical). You can put regions of code on the timeline and type different code per region. When the playhead reaches the block the code is "evaluated" (as-in, it is send over osc to some place where you want it to be interpreted). The main reason I created it was for making compositions out of previous live coded performances, where I kept logs of what I evaluated during the show.It is a work in progress, but if you find this useful feel free to give it a go! I've mainly designed it for my language <a href="https://social.toplap.org/@mercury" class="u-url mention" rel="nofollow noopener" target="_blank">@mercury</a>, but you can surely adapt it to other languages as well (or just ignore the syntax highlighting, haha). Created with node, js, p5 and codemirror.A little video attached to demonstrate the idea.<a href="https://social.toplap.org/tags/deadcoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#deadcoding</a> <a href="https://social.toplap.org/tags/composition" class="mention hashtag" rel="nofollow noopener" target="_blank">#composition</a> <a href="https://social.toplap.org/tags/daw" class="mention hashtag" rel="nofollow noopener" target="_blank">#daw</a> <a href="https://social.toplap.org/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#p5js</a> <a href="https://social.toplap.org/tags/codemirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#codemirror</a> <a href="https://social.toplap.org/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#nodejs</a> <a href="https://social.toplap.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://social.toplap.org/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#browser</a>

Zef HemelOpen source software: <a href="https://hachyderm.io/tags/miniflux" class="mention hashtag" rel="nofollow noopener" target="_blank">#miniflux</a> — I know nothing about the author, but you can just taste the personality everywhere: <a href="https://miniflux.app/opinionated.html" rel="nofollow noopener" translate="no" target="_blank">https://miniflux.app/opinionated.html</a><a href="https://hachyderm.io/tags/codemirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#codemirror</a> — also very opinionated, and a very strong personality behind it (Marijn Haverbeke)

Elias Häußler :typo3:I'm currently working on <a href="https://phpc.social/tags/CodeMirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeMirror</a> (aka t3editor) integration for my <a href="https://phpc.social/tags/TYPO3" class="mention hashtag" rel="nofollow noopener" target="_blank">#TYPO3</a> extension <a href="https://phpc.social/tags/warming" class="mention hashtag" rel="nofollow noopener" target="_blank">#warming</a>. 🤩The upcoming version will assist you in defining extension configuration for crawlers, clients, parsers, ... This makes it waaay easier to find the correct configuration properties. 😊Stay tuned! 🚀

Mike KellyI am enjoying–so far–updating my app to use <a href="https://codemirror.net/" rel="nofollow noopener" translate="no" target="_blank">https://codemirror.net/</a> instead of the venerable Ace Editor. It's very modular and looks to be well documented. Seems like a better candidate than Ace for making a WYSIWYG Markdown editor, which I think I need to offer to users who want it.<a href="https://post.lurk.org/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> <a href="https://post.lurk.org/tags/codemirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#codemirror</a> <a href="https://post.lurk.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

Fen (spooky out of spite)Heyo, kinda a random request, but would somebody with access to <a href="https://stranger.social/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#nodejs</a> be able to bundle CodeMirror (w/ some extensions) for me?(I'm unable to bundle it myself since I'm currently working off a school chromebook)<a href="https://stranger.social/tags/codemirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#codemirror</a> <a href="https://stranger.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://stranger.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://stranger.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://stranger.social/tags/devhelp" class="mention hashtag" rel="nofollow noopener" target="_blank">#devhelp</a>

Ch M[ae][iy]e?r 🇪🇺 🖤 🤍<a href="https://digitalcourage.social/tags/LiaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#LiaScript</a> möchte mit seinem zentralen Interpreter offenbar weg von <a href="https://digitalcourage.social/tags/LMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#LMS</a> wie <a href="https://digitalcourage.social/tags/Moodle" class="mention hashtag" rel="nofollow noopener" target="_blank">#Moodle</a> und sieht sich selbst als "Open-courSe" -System, das per iframe oder SCORM eingebunden werden kann.Die <a href="https://digitalcourage.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a> - Quelldateien liegen dabei bei Github, Dropbox oder Nextcloud. Ein Moodle-LiaScript-Plugin dagegen gibt es nicht. 🤔 Schade.Dann bleibt also noch der handgemachte Weg über Javascript:- <a href="https://digitalcourage.social/tags/CryptPad" class="mention hashtag" rel="nofollow noopener" target="_blank">#CryptPad</a> Presentation / Slides lassen sich themen, und dies basiert auf <a href="https://digitalcourage.social/tags/CodeMirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeMirror</a>, was noch nach Arbeit aussieht. <a href="https://codemirror.net/5/mode/markdown/index.html" rel="nofollow noopener" translate="no" target="_blank">https://codemirror.net/5/mode/markdown/index.html</a>- <a href="https://digitalcourage.social/tags/CommonMark" class="mention hashtag" rel="nofollow noopener" target="_blank">#CommonMark</a> ist standardisiertes Markdown, und mit <a href="https://digitalcourage.social/tags/ShowDown" class="mention hashtag" rel="nofollow noopener" target="_blank">#ShowDown</a> immerhin einbettbar. <a href="http://demo.showdownjs.com/" rel="nofollow noopener" translate="no" target="_blank">http://demo.showdownjs.com/</a>

Fen (spooky out of spite)(Looking for help)I've spent a solid day now just trying to figure out where to even begin with <a href="https://stranger.social/tags/codemirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#codemirror</a>, does anybody have any good starting places?I've been using the cdn for now, but I can't figure out how to get anywhere beyond the main style and script, and a mode- I want to figure out how to use add-ons, themes and the like, but it's just confusing me<a href="https://stranger.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://stranger.social/tags/frontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontEnd</a> <a href="https://stranger.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Ch M[ae][iy]e?r 🇪🇺 🖤 🤍<a href="https://digitalcourage.social/tags/Cryptpad" class="mention hashtag" rel="nofollow noopener" target="_blank">#Cryptpad</a> ist ja sooo cool 😎 Habe gerade eine schnelle <a href="https://digitalcourage.social/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a>-Präsentation zusammengeschrieben und dabei gemerkt, dass dabei auch Tabellen, Mindmaps, Diagramme, mathematische Formeln und vieles mehr möglich ist.<a href="https://digitalcourage.social/tags/Mermaid" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mermaid</a> <a href="https://digitalcourage.social/tags/Markmap" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markmap</a> <a href="https://digitalcourage.social/tags/Mathjax" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mathjax</a><a href="https://docs.cryptpad.org/de/user_guide/apps/code.html#markdown" rel="nofollow noopener" translate="no" target="_blank">https://docs.cryptpad.org/de/user_guide/apps/code.html#markdown</a>und über <a href="https://digitalcourage.social/tags/Codemirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#Codemirror</a> ist <a href="https://mozilla.social/@mozilla" class="u-url mention" rel="nofollow noopener" target="_blank">@mozilla</a> und mit dem <a href="https://digitalcourage.social/tags/prototypefund" class="mention hashtag" rel="nofollow noopener" target="_blank">#prototypefund</a> sogar das <a href="https://social.bund.de/@bmbf_bund" class="u-url mention" rel="nofollow noopener" target="_blank">@bmbf_bund</a> daran beteiligt! 👍 Danke sag' ich dazu!Edit: <a href="https://digitalcourage.social/tags/FediLZ" class="mention hashtag" rel="nofollow noopener" target="_blank">#FediLZ</a> darf natürlich nicht fehlen. 😉

Jan :rust: :ferris:YEEESSS!! I finally fixed this weird <a href="https://floss.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> overflow bug I had with <a href="https://floss.social/tags/CodeMirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodeMirror</a>, where the surrounding container always expanded in it's width, when passing a certain char count on a line.I've tried everything: max-width, flex: 0 yada yada, nothing helped.Until I stumbled across this innocent looking thread: <a href="https://discuss.codemirror.net/t/size-inside-flexbox/1359" rel="nofollow noopener" target="_blank">https://discuss.codemirror.net/t/size-inside-flexbox/1359</a>The trick: 1. `position: relative` for the surrounding container 2. `position: absolute !important` for CodeMirror itselfVery happy right now!😊 <a href="https://floss.social/tags/Fixed" class="mention hashtag" rel="nofollow noopener" target="_blank">#Fixed</a> <a href="https://floss.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#codemirror