#wysiwyg — Public Fediverse posts

J'aurais plein d'autres choses à raconter à propos de tout ça, mais je vais m'arrêter là pour le moment. Pour celleux que ça intéresserait, j'ai eu la chance d'être invité pour en parler à Bordeaux le 31 mai dans le cadre de la biennale Aperçu (@approche_graphismes) et à l'université de Strasbourg le 26 juin dans le cadre de la journée d'étude publique "#WYSIWYG et document structuré" (le programme arrive).

Peut-être que j'aurai la chance d'y croiser quelques-un·es d'entre vous ? 🙂

14/14 (fr)

30 дней: блочный конструктор README — один DOM, два хозяина

Мы живём в эпоху когда можно написать в чат «сделай мне CRUD» и получить рабочий код через десять секунд что в принципе удобно. И это, если честно, главная причина почему я периодически намеренно лезу в что-то сложное руками — чтобы не разучиться думать о том что происходит внутри. ИИ я использую. Но в этом проекте он был исключительно быстрой документацией — особенно когда добрался до selection/range API, про которые до этого знал чуть меньше чем ничего. Реализация все равно была за мной. Так вот — ReadGen. Блочный конструктор README-файлов. Месяц, 2-3 часа в день, React и TypeScript и небольшая пачка дополнительных библиотек для разумного облегчения жизни. Важно понимать что это не коммерческий продукт и не претендует на решение чьей-то боли. Просто техническая задача которую я давно хотел разобрать.

https://habr.com/ru/articles/1033422/

#React #TypeScript #contenteditable #WYSIWYG #DOM #Redux_Toolkit #браузерные_API #архитектура #FSD #frontend

30 дней: блочный конструктор README — один DOM, два хозяина

Мы живём в эпоху когда можно написать в чат «сделай мне CRUD» и получить рабочий код через десять секунд что в принципе удобно. И это, если честно, главная причина почему я периодически намеренно лезу в что-то сложное руками — чтобы не разучиться думать о том что происходит внутри. ИИ я использую. Но в этом проекте он был исключительно быстрой документацией — особенно когда добрался до selection/range API, про которые до этого знал чуть меньше чем ничего. Реализация все равно была за мной. Так вот — ReadGen. Блочный конструктор README-файлов. Месяц, 2-3 часа в день, React и TypeScript и небольшая пачка дополнительных библиотек для разумного облегчения жизни. Важно понимать что это не коммерческий продукт и не претендует на решение чьей-то боли. Просто техническая задача которую я давно хотел разобрать.

https://habr.com/ru/articles/1033422/

#React #TypeScript #contenteditable #WYSIWYG #DOM #Redux_Toolkit #браузерные_API #архитектура #FSD #frontend

@RootMoose @cienmilojos

By my napkin math, 170% scaling should be darn near #WYSIWYG for 4K @ 27"

But if 200% is more comfortable for you, go with that!

The next milestone, Compositor for Windows & macOS 0.8, will bring a document outline (tree view), the first inspector panels, and a visual table editor! #TeXLaTeX #WYSIWYG https://github.com/ktraunmueller/Compositor/milestone/99

I'm looking into ways you can add a real #text #editor to #Mastodon somehow so you can preview your post as it will appear natively in #HTML through a #WYSIWYG #interface as the #post is #written up.

For my wife's business I manage a website that uses #WordPress in the background. The pages are made with #elementor which is a powerful #WYSIWYG online-editor to create pretty nice designs.

Over the years the site constantly grew, gotten some replacements, etc. Every update has worked fine so far, until yesterday.

When I hit the "Publish" button in Elementor, an error showed up for a couple of seconds: server error (error 500).

The HUH? and the A-HA! in my blog.

https://www.claudiokuenzler.com/blog/1524/wordpress-elementor-mysterious-500-server-error

What's your favourite #Linux #FOSS #WYSIWYG #html #editor, please?

I don't mind hand-editing that boiling sea of html, but I'd rather be mainly writing and composing instead without seeing it.

I've been playing with making eg. tabulated link lists, using #Obsidian. The html exporter community plugin I'm trying out, sure makes a faithful job of reproducing the Obsidian edit view. But I was really more interested in using O. to help me manage bare content, for styling later.

Thoughts welcome 🙏

1995: From Batman Forever’s Cinematic Design to HTML Tables, by @ricmac:

https://cybercultural.com/p/1995-web-design/

#web #history #design #netscape #mosaic #browsers #tables #layout #html #wysiwyg #codeeditors

WYSIWYG редактор хабра — баг репорт

Помнится мне, когда-то давно были каки-то статьи о проблемах редактора статей на хабре, просили сотавить некий старый, а сейчас тишина. Вот коем-то веке решил наваять свою первую статью, думал, что теперь все замечательно, но вот вляпался в WYSIWYG редактор хабра и его проблемы, о чем далее. В конце есть опросы для авторов на понимание проблем, только ли мне они мешают.

https://habr.com/ru/articles/1005648/

#habr #wysiwyg #публикация #статьи

I want to share my experiences with #DecapCMS [1]. I set up a lot of static pages with #CI&CD in the past. #mkdocs material, #jekyll, #hugo. You name it. The challenge was always to bring in people not comfortable with #Git/ #Gitlab.

DecapCMS elegantly solves this without much overhead: You place a `js`, `config.yml` and `index.html` in your static site. DecapCMS connects to your Gitlab (or #Github etc.) via Application integration. Tada. Your users can now edit your Markdown based static site directly in a #WYSIWYG-like editor, without ever touching Git, Gitlab or Github. The backend and CI&CD all remain the same.

I had this on the radar for a long time, but only now was able to test it. The integration and setup process was much simpler than I thought. No additional service required, just static files!

[1]: https://decapcms.org/

Just saw a post in which someone referred to WYSIWYG as having been around since the early 2000s.

I really dig it when you can guess someone’s "geek age” by such historical references. 😉 It's a bit like witnessing someone learn that a favorite song of theirs is a cover version of a track that's been around for decades. 😏

(#WYSIWYG has been around for way longer than the 2000s. Like many foundational computing concepts, it was invented at XEROC #PARC in the ’70s: https://en.wikipedia.org/wiki/WYSIWYG#History 😎)

The new source code editor is finally integrated into the Windows app. Looks and behaves pretty much identical to the Mac app. This brings us close to the next prototype release, milestone 0.5 https://github.com/ktraunmueller/Compositor/milestone/95 #WYSIWYG #LaTeX

𝗤𝘂𝗶𝗹𝗹:

#Wysiwyg #Editor #JavaScript #Quill

https://thewhale.cc/posts/quill

Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.

The answer to avoid the backflips when tests need to import from ES modules was to use #Vitest (https://vitest.dev). I am using #rollup, not #vite, but Vitest works beautifully and various Jest-isms like `beforeAll`, `expect`, etc required no changes. #WYSIWYG #JavaScript

Perhaps naively moved all my #WYSIWYG editing web component work to an ES module, and now find out that in (nearly) 2026, it still takes backflips to execute a Jest test that imports from an ES module... https://techkluster.com/node/jest-and-esm/ Once again, dealing with the #JavaScript toolchain is… a challenge.

Search #Swift Package Index for #WYSIWYG: 4 matching packages. Search npmjs for WYSIWYG: 1000+ packages found 🤷‍♂️

Thanks to @donnywals for the excellent writeup (https://www.donnywals.com/testing-completion-handler-apis-with-swift-testing/) digging into using #Swift Testing with completion handler-based APIs. I managed to share test data for base #WYSIWYG editing functionality between the JavaScript MarkupEditor (https://github.com/stevengharris/markupeditor-base) and the Swift MarkupEditor( https://github.com/stevengharris/MarkupEditor). The former uses JEST and the latter now uses Swift Testing parameterized tests instead of XCTest.

Alexander Rybakov discusses AI for Editors: Prompt Management in Plone

https://2025.ploneconf.org/schedule/talks/ai-for-editors-prompt-management-in-plone

#PloneConf2025 #CMS #Plone #Python #Volto #React #AI #Editors #ArtificialIntelligence #OpenSource #WYSIWYG #Plone6

Alexander Rybakov discusses AI for Editors: Prompt Management in Plone

https://2025.ploneconf.org/schedule/talks/ai-for-editors-prompt-management-in-plone

#PloneConf2025 #CMS #Plone #Python #Volto #React #AI #Editors #ArtificialIntelligence #OpenSource #WYSIWYG #Plone6

Alexander Rybakov discusses AI for Editors: Prompt Management in Plone

https://2025.ploneconf.org/schedule/talks/ai-for-editors-prompt-management-in-plone

#PloneConf2025 #CMS #Plone #Python #Volto #React #AI #Editors #ArtificialIntelligence #OpenSource #WYSIWYG #Plone6

От вседозволенности к порядку: кастомизация Jodit для строгой типографики

Привет, Хабр! В этой статье речь пойдет об интересной задаче на одном из моих проектов. Он был разработан на React для документооборота сотрудниками. Так уж вышло, что со времен старта проекта основным текстовым WYSIWYG-редактором был небезызвестный Jodit. За долгие годы было написано много кастомных плагинов, например, для работы с упоминаниями сотрудников, и нас устраивала его надежность, хоть его внешний вид был далек от идеала. И вот однажды заказчик пришел с запросом:

https://habr.com/ru/companies/reksoft/articles/955046/

#WYSIWYG #Jodit #React #кастомизация #безопасность_вебприложений

The #disasterrecovery #document has been published. And thanks to #Emacs #orgmode #export to #opendocumenttext, I found the process of updating #style far more tolerable than if it were all #wysiwyg.

But really, can our company document #template, which I am trying to #imitate, please use a #serif #font for the body text? Please? Yeah, #TimesNewRoman is kinda #basic but at least it works well in #paragraphs. I can’t #sansserif for 47 pages straight.

The #disasterrecovery #document has been published. And thanks to #Emacs #orgmode #export to #opendocumenttext, I found the process of updating #style far more tolerable than if it were all #wysiwyg.

But really, can our company document #template, which I am trying to #imitate, please use a #serif #font for the body text? Please? Yeah, #TimesNewRoman is kinda #basic but at least it works well in #paragraphs. I can’t #sansserif for 47 pages straight.

I think it’s a first, or at least I can't think of another example of something quite like this: this book was made entirely with free/libre tools, using a #WYSIWYG interface, and most importantly — synchronously! (Multiple people can work on the layout at the same time.)

It was the minimum we needed to be able to output a print-ready PDF at the end of each day, smoothen collaboration, and avoid the bottlenecks usually faced in publishing. It was intense, but it worked well.

4/5 (en)

Секреты работы онлайн-редакторов: что происходит при совместном редактировании? Yjs, CRDT, и другие магические слова

Представьте: вы и коллега в разных уголках планеты, но курсоры ваши встречаются в документа онлайн редактора. Вы одновременно вставляете слова в одну и ту же позицию или удаляете фрагмент текста, который ваш коллега в этот момент редактирует. Казалось бы, результат должен превратиться в хаос, но всё складывается в единую, логичную версию текста — несмотря на расстояния, задержки и одновременные правки. При этом вы даже не ждете, пока ваши изменения согласуются с общим состоянием на сервере. Просто редактируете документ и можете быть уверены в том, что ваши изменения применятся. На деле за этим волшебством часто скрываются CRDT — структуры данных, делающие возможной децентрализованную синхронизацию. Я сам столкнулся с этим, когда работал над онлайн-совместным редактором: CRDT и библиотека Yjs буквально спасли мой проект от хаоса и сделали синхронизацию прозрачной. Меня зовут Никита Лыкосов, я занимаюсь фронтенд-разработкой в

https://habr.com/ru/companies/doubletapp/articles/921994/

#GCounter #CRDT #Yjs #wysiwyg #wysiwygредактор #коллаборатиныйредактор #колллаборативные_редакторы_текста

Как мы засунули Git в браузер (и чего нам это стоило)

Привет, Хабр! Меня зовут Паша, я разработчик

https://habr.com/ru/companies/gram_ax/articles/928144/

#emscripten #rust #webassembly #libgit2 #wasm #git #wysiwyg #open_source #localfirst

Is there such a thing as a #WYSIWYG #html editor? Is #seamonkey still a thing?

Как я встраивал wysiwyg редактор в свой django проект

Разрабатывая сервис генерации AI курсов, я столкнулся с тем, что мне захотелось решить вопрос с удобным редактированием уроков. В моем сервисе есть два режима создания курсов - AI режим, это когда ты пишешь промпт или прикладываешь список тем, а нейросеть генерирует контент. Это подходит для самообучения. А второй режим для авторов - ты можешь взять свои наработки, скормить их вместе с промптом модели, а та выдаст результат. Так вот чтобы поделиться с другими юзерами таким курсом, хотелось бы иметь возможность отредактировать ответ модели, дополнить самому, да еще и оформить это все красиво, с заголовками, отступами, списками и прочими украшательствами. Почитав разные статьи про то, какие есть редакторы, я остановился на TinyMCE .

https://habr.com/ru/articles/924648/

#django #wysiwyg #tinymce

Why Visual Website Builders Didn’t Take Off, by @whitep4nth3r:

https://www.youtube.com/watch?v=BK_71QjkZmA

#videos #codeeditors #wysiwyg #html #history

Hallo zusammen!
Zur Zeit bin ich überfordert und würde mich über #hilfe freuen. Ich möchte gerne eine 1- oder 2- seitige #website erstellen + Seiten mit #englisch /er #übersetzung , also insgesamt max 4 Seiten. Bei @heiseonline + @ubernauten habe ich meinen Nachmittag bisher verbracht. Vor ~20 Jahren habe ich mal eine Familienseite mit #wysiwyg hinbekommen, aber das scheint nicht mehr in Mode zu sein. Über #konkrete #vorschläge bin ich dankbar! (Die Anleitungen bei uberspace sind schon zu hoch)

[Перевод] Почему у первого Macintosh разрешение экрана было 512×342, а не 512×384

Многие классические Mac поддерживали дисплеи с разрешением 512×384, но компактные Mac, начиная с первой машины 1984 года и вплоть до Macintosh Classic II 1991 года, имели встроенные ЭЛТ-дисплеи размером 512×342 пикселя. Это относится ко всем чёрно-белым компактным «макам» с 9-дюймовым экраном. У более поздних Color Classic и Color Classic II был 10-дюймовый ЭЛТ-дисплей с полными 512×384. Я решил узнать, почему Apple приняла такое решение. Почему дисплеи ранних Mac на 42 пикселя уже по вертикали, чем у более новых моделей? Перелопатив кучу источников, должен сказать, что для ответа на этот вопрос нужно принять во внимание множество факторов.

https://habr.com/ru/articles/914212/

#macintosh #apple_ii #apple_lisa #apple_macintosh #wysiwyg

[Перевод] Почему у первого Macintosh разрешение экрана было 512×342, а не 512×384

Многие классические Mac поддерживали дисплеи с разрешением 512×384, но компактные Mac, начиная с первой машины 1984 года и вплоть до Macintosh Classic II 1991 года, имели встроенные ЭЛТ-дисплеи размером 512×342 пикселя. Это относится ко всем чёрно-белым компактным «макам» с 9-дюймовым экраном. У более поздних Color Classic и Color Classic II был 10-дюймовый ЭЛТ-дисплей с полными 512×384. Я решил узнать, почему Apple приняла такое решение. Почему дисплеи ранних Mac на 42 пикселя уже по вертикали, чем у более новых моделей? Перелопатив кучу источников, должен сказать, что для ответа на этот вопрос нужно принять во внимание множество факторов.

https://habr.com/ru/articles/914212/

#macintosh #apple_ii #apple_lisa #apple_macintosh #wysiwyg

[Перевод] Почему у первого Macintosh разрешение экрана было 512×342, а не 512×384

Многие классические Mac поддерживали дисплеи с разрешением 512×384, но компактные Mac, начиная с первой машины 1984 года и вплоть до Macintosh Classic II 1991 года, имели встроенные ЭЛТ-дисплеи размером 512×342 пикселя. Это относится ко всем чёрно-белым компактным «макам» с 9-дюймовым экраном. У более поздних Color Classic и Color Classic II был 10-дюймовый ЭЛТ-дисплей с полными 512×384. Я решил узнать, почему Apple приняла такое решение. Почему дисплеи ранних Mac на 42 пикселя уже по вертикали, чем у более новых моделей? Перелопатив кучу источников, должен сказать, что для ответа на этот вопрос нужно принять во внимание множество факторов.

https://habr.com/ru/articles/914212/

#macintosh #apple_ii #apple_lisa #apple_macintosh #wysiwyg

[Перевод] Почему у первого Macintosh разрешение экрана было 512×342, а не 512×384

Многие классические Mac поддерживали дисплеи с разрешением 512×384, но компактные Mac, начиная с первой машины 1984 года и вплоть до Macintosh Classic II 1991 года, имели встроенные ЭЛТ-дисплеи размером 512×342 пикселя. Это относится ко всем чёрно-белым компактным «макам» с 9-дюймовым экраном. У более поздних Color Classic и Color Classic II был 10-дюймовый ЭЛТ-дисплей с полными 512×384. Я решил узнать, почему Apple приняла такое решение. Почему дисплеи ранних Mac на 42 пикселя уже по вертикали, чем у более новых моделей? Перелопатив кучу источников, должен сказать, что для ответа на этот вопрос нужно принять во внимание множество факторов.

https://habr.com/ru/articles/914212/

#macintosh #apple_ii #apple_lisa #apple_macintosh #wysiwyg

Desktop Icons of Yore

www.datagubbe.se/icons/

#icons #OS #GUI #wysiwyg #wimp #desktop #computinghistory #retrocomputing #vintagecomputing #blog #screenshot #tech

Figma Dreamweaver, by @PavelASamsonov:

https://productpicnic.beehiiv.com/p/figma-dreamweaver

#figma #dreamweaver #wysiwyg #comparisons

@mhagmuller Hatte vor vielen Jahren selbst die fragwürdige Ehre, sowohl via Word als auch via #LaTeX diverse Konferenz-Proceedings technisch zu erstellen.

Man muss hier nicht extra betonen, wie viel mehr Schmerz das mit #Word war. Aber auch bei LaTeX war der Aufwand nicht unerheblich.

Persönliches Highlight: ein Prof schickte doch tatsächlich sein Paper als ein doc-File (damals noch ohne "x") für ein (LaTeX-)Proceeding, das er einfach bei der Dateiendung auf ".tex" änderte. 🤦‍♂️

#Textsatz #Anekdote #WYSIWYG

Omnom: Self-hosted bookmarking with searchable, wysiwyg snapshots [showcase]

https://omnom.zone/?src=hn

#HackerNews #Omnom #Self-hosted #bookmarking #searchable #wysiwyg #snapshots #showcase

@amoroso My thoughts:

- They mix up Markdown with the general term lightweight #markup language (as if #Markdown is the only #LML syntax)

- They ignore all other markup syntax examples such as (La)TeX, HTML, ...

- great screenshots of Word for DOS upwards 👍

- the title should be "#WYSIWYG vs. LML" (instead of the Word vs. Markdown story)

- no mentioning of other LML examples

Well it looks, as if we're settling for a mediocre standard again.

Related: https://karl-voit.at/2017/09/23/orgmode-as-markup-only/

#orgdown #orgmode

MultiScribe on the 128K enhanced Apple IIe

#AppleII #AppleIIe #Apple #retrocomputing #vintagecomputing #screenshot #wordprocessor #GUI #WYSIWYG #Apple2Forever #Pointybirds #poetry

@tonline On the point!

Genau darum geht es gerade: #Deutschland steht blank da. #Trump verramscht unsere nationalen Interessen - Frieden, Sicherheit, Wohlstand, Klimaschutz - für die Geldbeutel seiner Mit-Oligarchen.

#Journalismus und #CDU #CSU schnallen es einfach nicht und machen weiter #Nabelschau:

"Trump wäre es doch am liebsten, wenn die AfD den ganzen Laden hier übernimmt. Und gerade die CDU/CSU steht dem im Wege."

Mein ich ja schon lange #WYSIWYG:

https://nrw.social/@einfachnurRoland/113969832280719885

Partly because of our #MetaPost workshop of next week at #AutomaticType #anrt @ANRT https://automatic-type-design.anrt-nancy.fr with @Ludi @eugbidaut @AntoineGelgon I'm reading an old brochure on (the always incredibly rich) archive.org about the "#Compugraphic Modular Composition System"
https://ia801000.us.archive.org/29/items/bitsavers_compugraphphicModularCompositionSystemBrochure_14979239/Compugraphic_Modular_Composition_System_Brochure_text.pdf
#photocomposition #typography
(lot of text in the alt of pictures)
According to the Compugraphic page on wikipedia "Following the success of the EditWriter, Compugraphic introduced [somewhere in the 70's] the Modular Composition System, known as the "MCS". The entire system was modular, including the software, which was delivered on 5" floppy disks. As the product matured, a "#WYSIWYG" (what-you-see-is-what-you-get) display was added (the PreView) so that a user could see a "soft" view of a job before it was typeset. This was followed up by the PowerView whereby the user worked directly on a "WYSIWYG" display. The MCS was a huge success, and also marked a change in technology from 8bit to 16bit (Intel 8086) cpu hardware."

MarkupEditor (https://github.com/stevengharris/MarkupEditor) is a #WYSIWYG editor for #SwiftUI and #UIKit apps. It lets you create and edit clean HTML documents within an extension of WKWebView. The latest Beta uses #ProseMirror for the WYSIWYG heavy lifting on the backend. In addition to clearing up quite a few longstanding issues, the new version reduced my own JavaScript code from ~11,000 lines to ~3,000 while maintaining compatibility on the Swift side. Thanks to @marijn for such a great open source project.

[OT] Legacy
#dotclear #HTML #wysiwyg #éditeur
https://open-time.net/post/2025/01/02/Legacy

Kann mir jemand ein gutes #WYSIWYG tool für das #Erstellen / #Verwalten einer #Webseite, die für #PC Bildschirme und #Smartphones funktioniert ("dynamic design")?

Habe bisher Mobirise verwendet, bin aber mit der letzten Version eher unglücklich und will nicht in die jetzt kostenpflichtigen Komponenten investieren.

Kann mir jemand ein gutes #WYSIWYG tool für das #Erstellen / #Verwalten einer #Webseite, die für #PC Bildschirme und #Smartphones funktioniert ("dynamic design")?

Habe bisher Mobirise verwendet, bin aber mit der letzten Version eher unglücklich und will nicht in die jetzt kostenpflichtigen Komponenten investieren.

Kann mir jemand ein gutes #WYSIWYG tool für das #Erstellen / #Verwalten einer #Webseite, die für #PC Bildschirme und #Smartphones funktioniert ("dynamic design")?

Habe bisher Mobirise verwendet, bin aber mit der letzten Version eher unglücklich und will nicht in die jetzt kostenpflichtigen Komponenten investieren.

Kann mir jemand ein gutes #WYSIWYG tool für das #Erstellen / #Verwalten einer #Webseite, die für #PC Bildschirme und #Smartphones funktioniert ("dynamic design")?

Habe bisher Mobirise verwendet, bin aber mit der letzten Version eher unglücklich und will nicht in die jetzt kostenpflichtigen Komponenten investieren.