Comments (2)
It seems that you have some syntax issues in your code, I tried following code and everything works fine:
<template>
<vue-editor :editor="editor" />
</template>
<script lang="ts">
import {defineComponent, PropType, ref} from "vue";
import {defaultValueCtx, Editor, rootCtx} from "@milkdown/core";
import {VueEditor, useEditor} from "@milkdown/vue";
import {nord} from "@milkdown/theme-nord";
import {tooltip} from "@milkdown/plugin-tooltip";
import {slash} from "@milkdown/plugin-slash";
import {gfm} from "@milkdown/preset-gfm";
import {listener, listenerCtx} from "@milkdown/plugin-listener";
import {history} from "@milkdown/plugin-history";
export default defineComponent({
name: "markdownEditor",
components: {VueEditor},
props: {
modelValue: {
type: [String, null] as PropType<string>,
default: null,
required: true
},
},
setup(props) {
const editor = useEditor((root) =>
Editor.make()
.config((ctx) => {
ctx.set(rootCtx, root);
ctx.set(defaultValueCtx, props.modelValue);
ctx.set(listenerCtx, {
markdown: [(get) => console.log(get())]
});
})
.use(nord)
.use(slash)
.use(tooltip)
.use(listener)
.use(history)
.use(gfm)
);
return {
editor
};
}
});
</script>
from milkdown.
Indeed after taking your code everything seems to work just fine.
from milkdown.
Related Issues (20)
- [Bug] Context "schema" not found, do you forget to inject it? HOT 4
- [Bug] blockView is not exported from @milkdown/plugin-block HOT 1
- [Bug]Cannot find name 'TwemojiOptions'
- [Feature] Limited support for commonly used HTML tags and entities in Markdown HOT 1
- [Bug] hybrid mode not working although #819 is closed
- [Bug] Heading Id not set in editor readonly mode
- [Bug]Selecting the editor causes the iframe to disappear
- [Bug] @milkdown/components/link-tooltip live edit links have no effect HOT 1
- [Bug] Examples: Vue Block v7.3.5 has a problem where the block hides when the width of the editor changes HOT 1
- [Bug] in the code block, if there is an emoticon package, an error will be reported HOT 1
- XSS in latest version(v7.3.5) when rendering classDiagram[Bug] HOT 4
- [Bug] preset-gfm checkboxes not working correctly HOT 3
- [Bug] Command Key 'SplitListItem' is Incorrectly Assigned to 'LiftListItem' Command
- [Bug][`preset-commonmark`] Unable to use non-paragraph elements as the first element inside a list item
- When I type "[", a "\" appears before "[" in the markdown source code HOT 4
- [Feature] highlight.js plugin. Open to PR?
- [Feature] Code block supports displaying line numbers
- [Bug] Code block can't render content if content was created with no syntax highlighting language chosen
- [Bug] Uptake @atomico/[email protected] with licensing fix HOT 1
- [Bug]Math_block does not work
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from milkdown.