benweet / Stackedit.js
Licence: mit
Add StackEdit to any website
Stars: ✭ 724
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Stackedit.js
Markor
Text editor - Notes & ToDo (for Android) - Markdown, todo.txt, plaintext, math, ..
Stars: ✭ 1,394 (+92.54%)
Mutual labels: markdown, editor, markdown-editor
Md
✍ 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 所有基础语法、色盘取色、一键复制并粘贴到公众号后台、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
Stars: ✭ 2,242 (+209.67%)
Mutual labels: markdown, editor, markdown-editor
Hypermd
A WYSIWYG Markdown Editor for browsers. Break the Wall between writing and previewing.
Stars: ✭ 1,258 (+73.76%)
Mutual labels: markdown, editor, markdown-editor
Thiefmd
The markdown editor worth stealing. Inspired by Ulysses, based on code from Quilter
Stars: ✭ 48 (-93.37%)
Mutual labels: markdown, editor, markdown-editor
Pine
A modern, native macOS markdown editor
Stars: ✭ 2,818 (+289.23%)
Mutual labels: markdown, editor, markdown-editor
Editor.md
The open source embeddable online markdown editor (component).
Stars: ✭ 11,741 (+1521.69%)
Mutual labels: markdown, editor, markdown-editor
Retext
ReText: Simple but powerful editor for Markdown and reStructuredText
Stars: ✭ 1,500 (+107.18%)
Mutual labels: markdown, editor, markdown-editor
For Editor
for-editor - A markdown editor based on React
Stars: ✭ 358 (-50.55%)
Mutual labels: markdown, editor, markdown-editor
Pervane
Plain text file based note taking and knowledge base building tool, markdown editor, simple browser IDE.
Stars: ✭ 159 (-78.04%)
Mutual labels: markdown, editor, markdown-editor
Phodit
Phodal's markdown/ebook editor with MicroFrontend & Web Components
Stars: ✭ 301 (-58.43%)
Mutual labels: markdown, editor, markdown-editor
React Md Editor
A simple markdown editor with preview, implemented with React.js and TypeScript.
Stars: ✭ 374 (-48.34%)
Mutual labels: markdown, editor, markdown-editor
Moeditor
(discontinued) Your all-purpose markdown editor.
Stars: ✭ 4,003 (+452.9%)
Mutual labels: markdown, markdown-editor
React Simplemde Editor
React wrapper for simplemde markdown editor
Stars: ✭ 463 (-36.05%)
Mutual labels: markdown, editor
Markdowneditor
Lightweight markdown editor written for windows,only one GREEN exe file
Stars: ✭ 403 (-44.34%)
Mutual labels: markdown, editor
Django Markdown Editor
Awesome Django Markdown Editor, supported for Bootstrap & Semantic-UI
Stars: ✭ 423 (-41.57%)
Mutual labels: markdown, markdown-editor
Django Pagedown
A django app that allows the easy addition of Stack Overflow's "PageDown" markdown editor to a django form field, whether in a custom app or the Django Admin
Stars: ✭ 500 (-30.94%)
Mutual labels: markdown, markdown-editor
Mditor
📝 [ M ] arkdown + E [ ditor ] = Mditor
Stars: ✭ 523 (-27.76%)
Mutual labels: markdown, markdown-editor
stackedit.js
Add StackEdit to any website
Build setup
# install dependencies
npm install
# watch and build for dev
npm run dev
# build for production
npm run build
Quick start
Bind StackEdit to a textarea
:
// Import the lib.
import Stackedit from 'stackedit-js';
// Get the textarea.
const el = document.querySelector('textarea');
// Create the Stackedit object.
const stackedit = new Stackedit();
// Open the iframe
stackedit.openFile({
name: 'Filename', // with a filename
content: {
text: el.value // and the Markdown content.
}
});
// Listen to StackEdit events and apply the changes to the textarea.
stackedit.on('fileChange', (file) => {
el.value = file.content.text;
});
Documentation
Full documentation can be found at https://benweet.github.io/stackedit.js/.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].