-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-10-21 16:42BUG:即使渲染模式下,代码块中代码过长时,点击空白的文本区域,会一直跳到代码块里
<style> .v-enter,.v-leave-to{ transform: translateX(80px); opacity:0; } .v-enter-active,.v-leave-active { transition: all 0.4s ease; } </style> <div id="app"> <button @click="flag=!flag">button</button> <transition> <div v-if="flag">Vue animate</div> </transition> </div> <script> new Vue({ el:"#app", data:{ flag:true, } }) </script>
可以把上面代码粘贴到完整实例中,然后把模式改为即使渲染,就 能复原 bug
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-09-10 14:03没有纯 js 的示例,必须基于 vue react angular 之类的框架才能使用吗
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-09-07 14:13<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- ⚠️生产环境请指定版本号,如 https://cdn.jsdelivr.net/npm/vditor@x.x.x/dist... --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vditor/dist/index.css" /> <script src="https://cdn.jsdelivr.net/npm/vditor/dist/index.min.js" defer></script> </head> <body> <div class="vditor"></div> </body> </html> <script> import Vditor from 'vditor' import "~vditor/src/assets/scss/index" const vditor = new Vditor('vditor', { "height": 360, "theme": "dark", "cache": { "enable": false }, "preview": { "theme": { "current": "dark" } } }) </script>
这是刚开始试的代码
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-09-07 14:11v 姐 localhost:9000 可以访问了 我想把这个作为自己博客页面的编辑器 但是不知道怎么集成进去
刚开始用了这种
Title 上面这段代码无法显示出编辑器接着我又试了另一种,把 dist 目录拷贝到项目的静态文件夹里,然后也不行 空白
实在没办法,editor.md 的教程倒是不少,但是我觉得没有 vditor 好用,无奈关于 vditor 的教程又太少,v 姐能给个页面嵌入 vditor 的例子吗
-
Vditor 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式
2020-08-29 22:44npm run start 浏览器打开 9000 页面显示不完整,很多东西加载不出来,根据官方提示下载 zip 包的时候,就报错很多文件损坏,醉了,弄了一天都没法用