Giter Site home page Giter Site logo

web-editor-markdown's People

Contributors

ben-love-zy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

web-editor-markdown's Issues

没太明白 MNode 是个什么样的结构

大神,能不能给点解答,源码里面 MNode 类型
里面有 pre, next 了,是个双链表,怎么还有个 firstChild, lastChild 类型
有点不太明白了

`export class MNode {
type: NodeType;
parent: MNode | null = null;
firstChild: MNode | null = null;
lastChild: MNode | null = null;
prev: MNode | null = null;
next: MNode | null = null;
open: boolean = true;
stringContent: string = '';
sourceStart: number;
sourceEnd: number;
blockMarkerBefore: string | undefined = ''; // 标识占位符(叶子块需要,目前只有代码块和标题需要,因为其他叶子快内部可以包含p标签)
blockMarkerAfter: string | undefined = ''; // 标识占位符(叶子块需要,目前只有代码块和标题需要,因为其他叶子快内部可以包含p标签)
marker: string = ''; // 是否是文本标记符占位节点
isShow: boolean = true; // 是否需要显示和隐藏(隐藏的话直接不创建dom节点,占位场景)
// lastLineBlank: boolean = false; // 末尾是否存在空白行,用于换行时容器切换

constructor (sourceStart: number) {
this.sourceStart = sourceStart;
}`

大佬你怎么才出现

大佬你怎么才出现
我找这样的md编辑器,找了很久了
很像实现一个像typora那样的效果,就是找不到,或者找到了不太满足
刚发现你这个库,太棒了
感谢大佬的贡献,感觉像凭空出现了一样

项目不太会用

我创建了一个vue模板,但是他跑不起来,作者能给一个详细点的例子吗,我的vue文件是这样的
`

你好自定义模板!!

<script setup> import { Editor, withUndoRedo } from "web-editor-markdown"; let editor = new Editor(document.getElementById('id')); editor = withUndoRedo(editor); // UndoRedo Plugin editor.insertTextAtCursor('**This is a bold text**\n> tips:You can switch source mode with `cmd+/`'); </script> <style scoped> </style>`

输入 > 的时候,输入不了

现在只要检测到输入了 “>” 符号,就立马变成了引用块了
但是,用户真的想输入 > 符号怎么办?
我觉得应该是回车或者空格的时候,再变成引用块

plantuml

markdown技术人员用的多,plantuml日常画图工具,支持一下。
代码编辑这块做还比较弱,typora用codemirror。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.