- Markdown
- Undo
- Redo
- DIVIDER
- Format style
- DIVIDER
- Font family
- DIVIDER
- Font weight -size+
- DIVIDER
- Bold
- Italic
- Underscore
- Insert code block
- Insert link
- Text color
- Highlight color
- Text style: strikethrough, subscript, suprescript, clear formatting
- DIVIDER
- Insert block
- Align
- Search Menus
- Undo
- Redo
- Spellcheck
- Print format
- Zoom
- DIVIDER
- Format style
- DIVIDER
- Font family
- DIVIDER
- Font weight -size+
- DIVIDER
- Bold
- Italic
- Underscore
- Text color
- Highlight color
- DIVIDER
- Insert link
- Add comment
- Insert image
- DIVIDER
- Align
- Line & paragraph spacing
- Checklist
- Bulleted list
- Numbered list
- Decrease indent
- Increase list
- Clear formatting
- DIVIDER
- Editing mode: Editing/Viewing
- DIVIDER
- Hiding the menus
- https://vadimkantorov.github.io/moncms/?html_url=https://github.com/vadimkantorov/moncms/blob/gh-pages/README.md
- https://vadimkantorov.github.io/moncms/?html_url=https://github.com/vadimkantorov/moncms/tree/gh-pages
- https://vadimkantorov.github.io/moncms/?html_url=https://github.com/vadimkantorov/moncms/tree/gh-pages/assets
- https://vadimkantorov.github.io/moncms/?html_url=https://github.com/vadimkantorov/moncms
Test:
- https://vadimkantorov.github.io/moncms/?https://github.com/vadimkantorov/moncms
- https://vadimkantorov.github.io/moncms/?/https://github.com/vadimkantorov/moncms
wget https://github.com/facebook/lexical/archive/refs/tags/v0.16.0.tar.gz && tar -xf v0.16.0.tar.gz --strip-components=1 lexical-0.16.0/packages/lexical-playground lexical-0.16.0/packages/shared && git add -A -f packages<html>
<head>
<link rel="stylesheet" href="/assets/main.css">
<script type="module" crossorigin src="/assets/main.js" onload="on_editor_script_loaded()"></script>
</head>
<body>
<div id="editor"></div>
<script>
async function on_editor_script_loaded()
{
const editor = await window.LexicalMarkdownEditor('#editor');
console.log(editor._getRawEditorInstance())
const md = `
# [WIP ] lexical-playground-only
The idea is to have https://github.com/facebook/lexical/tree/main/packages/lexical-playground as a separate, lean repo bundlable as a single JS file to be used as a simple client-side markdown editor with usage API similar to https://github.com/quilljs/quill (and usable in vanilla HTML/JS without mandatory usage of package managers/bundlers/react)
Based on the broken release https://github.com/facebook/lexical/releases/tag/v0.12.5: https://github.com/facebook/lexical/discussions/5392
- do this
- do that
- cheers
`
editor.setMarkdown(md)
console.log(await editor.getMarkdown())
window.editor = editor;
}
</script>
</body>
</html>-
https://github.com/Sunnysit/markdown-blocks-editor/tree/staging
-
https://www.letsreact.org/how-to-create-a-react-app-without-npm/?utm_content=cmp-true
-
https://medium.com/@chrislewisdev/react-without-npm-babel-or-webpack-1e9a6049714
-
https://bernieslearnings.com/react-without-npm/?utm_content=cmp-true
-
https://medium.com/codex/ditching-markdown-editors-for-quill-bbd314d546b7
-
https://stackoverflow.com/questions/37504383/button-inside-a-label
-
https://stackoverflow.com/questions/572768/styling-an-input-type-file-button/25825731#25825731
-
https://finnian.io/blog/lexical-integration-actiontext-rails/
-
https://www.facebook.com/MetaOpenSource/videos/847531169669308/
-
https://davidensinger.com/2013/04/adding-open-graph-tags-to-jekyll/
-
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
-
https://github.com/jeffreytse/jekyll-spaceship#6-hybrid-html-with-markdown
-
https://github.com/jekyll/jekyll-import/blob/v0.14.0/lib/jekyll-import/importers/wordpress.rb
-
https://peateasea.de/enabling-cookie-consent-with-jekyll-minimal-mistakes/
-
https://wowthemes.net/we-are-gdpr-compliant-practical-guide/
-
https://littlebigtech.net/posts/hugo-gdpr-cookie-consent-banner/
-
https://blog.jakelee.co.uk/introducing-minimajake-for-jekyll/
-
https://www.smashingmagazine.com/2021/07/dynamic-header-intersection-observer/
-
https://pspdfkit.com/blog/2021/practical-uses-of-object-urls/
-
https://blog.jakelee.co.uk/blog-v2-1-with-table-of-contents-and-anchor-links/