ProseMirror
Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors. It does this by implementing a WYSIWYG-style editing interface for documents more constrained and structured than plain HTML. You
CKEditor 5 | Powerful Framework with Modular Architecture
CKEditor 5 provides every type of WYSIWYG editing solution imaginable. From editors similar to Google Docs and Medium, to Slack or Twitter-like applications, all is possible within a single editing framework. The editor comes with a well-designed UI and perfect UX, so users can easily manage media and tables as well as use advanced features, such as auto-formatting, mentions, Paste from Word or Ma
Editor.js
Editor.js provides maximum power for developers and products staying focused on the end-user experience
SMath Studio - SMath
Application can be easily extended based on your needs. Built-in Extensions Manager tool allows to get access to hundreds official and third-party resources of the following types: usage examples, plug-ins, SMath Viewer based applications, snippets, interface translations, interactive books, handbooks and tutorials. SMath Studio in the Cloud is ideal to show calculations to my students. They only
HTML Notepad – HTML WYSIWYG editor for the rest of us
What HTML-NOTEPAD is It is a WYSIWYG editor of structured documents: texts that have hierarchical and semantically meaningful (oxymoron, no?) structure: headers, list, plaintext islands, tables and so on. What HTML-NOTEPAD is not HTML-NOTEPAD is not a “web page editor”. Don’t even expect to create “cool web pages” with it. With modern CSS, WYSIWYG Web design is simply impossible. Web pages are cr
MediumEditor - Medium風に文字装飾を行う
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownを開発者が使うのは問題ないでしょう。今やほぼすべての開発者に対して普及した記法と言えます。しかし、開発者以外の方が使いこなすには、まだ若干問題がある状態です。 そこで使ってみたいのがMediumEditorです。Mediumのエディタを模したツールバーです。 MediumEditorの使い方 ツールバーが表示されています。その下にあるコンテンツが編集できます。 文字を選択するとツールバーが移動してきました。 そして文字装飾できます。見たままに編集されるので分かりやすいです。 リンクの場合。 テーマも用意されています。こちらはロマン。 フラット。 MediumEditorはブログサービスで知られるMeduimの編集画面で使われているツールバーを模したライブラリとなって
KEditor - 複雑なデザインもこなせるWYSIWYGエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 技術者以外の方でWebページを作成する時にはオーサリングツールを使うのが一般的です。また、ちょっとしたコンテンツの修正であればWYSIWYGエディタを使いますが、あまり凝ったデザインには対応できません。 そこで使ってみたいのがKEditorです。Webベース、ドラッグ&ドロップで自在にコンテンツを作成できます。 KEditorの使い方 メイン画面です。左側にあるパーツをドラッグ&ドロップで配置します。 コンテンツはツールバーがあるWYSIWYGエディタで編集できます。 枠を追加した後、コンテンツを配置します。 動画や地図など様々なコンテンツが用意されています。 リンクを追加する際の表示です。 KEditorはWebページ制作に不慣れな方であってもすぐに使いこなせるでしょう。2カラム
The Static CMS with GUI for Secure, Fast, and GDPR Compliant Websites.
... my tech lead on Publii: “it’s all so intuitive… something must be wrong ... ... really impressed and loving the UI and ease of integration with Github ... ... I've been interested in static sites for a while now. Publii just caught my eye. The interface is 🔥. Even non-devs can rock this! ... ... a very friendly and optimized solution for creating ultra-fast websites. Best alternative to your
Pen - What You See Is What You Get (WYSIWYG)
Enjoy live editing (+markdown) Click to edit, Select to apply effect, click items of toolbar to toggle effects. Horizontal-Rule can be inserted by click「...」on the toolbar or just type「... 」/「--- 」/「*** 」at line start. Note that there's a SPACE at the end of a command. To link or unlink, please press the ENTER key after you filled the input field with your a link. A link can be unlink by applying
The Next Generation WYSIWYG HTML Editor | Rich Text Editor
The Next Generation WYSIWYG HTML Editor Beautiful JavaScript web editor that's easy to integrate for developers and your users will simply fall in love with its clean design. <!DOCTYPE html> <html> <head> <meta charset=“utf-8”> <meta name=”viewport” name=”viewport” content=”width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0″ /> <link href=’https://cdn.jsdelivr.net/npm/f
Dante Editor example
Dante Editor Just another Medium editor clone. Motivation: So far we have tried all the Medium.com wysiwyg clones out there, those are really great, and each have their pros and cons. But none of them has all the features that the real medium editor provides. So we wondered, How complicated could be write our own version of Medium's wysiwyg? This is a live demo: Please click the image or type ever
Quill - Your powerful, rich text editor
Built for DevelopersGranular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output. Cross PlatformSupports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms. Fits Like a GloveUsed in small projects and giant Fortune 500s alike.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - SwiftLaTeX/SwiftLaTeX: SwiftLaTeX, a WYSIWYG Browser-based LaTeX Editor
GitHub - Milkdown/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework.
GitHub - JP1016/Markdown: 📖Clean & Modern MarkDown Generator, 🔌Offline Support and Easy Generation of Markdown ⚡️⚛️ https://github.com/JP1016/Markdown-Electron/releases
Wix Rich Content
tiptap
MediumEditor
Ory.am Editor
medium-draft - a rich text editor built using draft-js - Bitwiser.in