mavonEditor

mavonEditor copied to clipboard

我整了半天也没搞出来，如何让这个插件支持服务端渲染？

现在研究出来没有？我也是，我用的nuxt.js @chf-gh

已解决 请参考https://blog.csdn.net/weixin_36185028/article/details/82946495

现在研究出来没有？我也是，我用的nuxt.js @chf-gh

我用来markdown-it插件直接在服务端将字符串转html插入到dom中可以实现ssr，你说的已解决是啥意思？是说mavon-editor可以实现ssr吗？

是的 @chf-gh

 <no-ssr>
      <mavon-editor :toolbars="markdownOption" v-model="handbook"/>
 </no-ssr>

这样写就OK了

是的 @chf-gh

 <no-ssr>
      <mavon-editor :toolbars="markdownOption" v-model="handbook"/>
 </no-ssr>

这样写就OK了 大哥， no-ssr的意思是只在客户端渲染。我现在是想让mavon-editor支持将文档在服务端渲染啊。。。

反正我的可以~~~

能在网页源代码中查看要内容 并且带标签吗？

我整了半天也没搞出来，如何让这个插件支持服务端渲染？

现在研究出来没有？我也是，我用的nuxt.js @chf-gh

现在有好的解决方案吗？楼上这位兄弟的不行啊 根本渲染不出来

我整了半天也没搞出来，如何让这个插件支持服务端渲染？

现在研究出来没有？我也是，我用的nuxt.js @chf-gh

现在有好的解决方案吗？楼上这位兄弟的不行啊 根本渲染不出来

我用markdown-it 插件直接在服务端将markdown格式的字符串转 html的标签（一定要在 asyncData方法中转换字符串），使用v-html插入就行了。经测试使用postman调用页面地址能看到markdown字符串已经转成html了。 插入后只是实现了ssr，没有样式，可以从网上下载一些markdown的样式css，我用的是github-markdown-css样式。地址在:https://github.com/sindresorhus/github-markdown-css

我整了半天也没搞出来，如何让这个插件支持服务端渲染？

现在研究出来没有？我也是，我用的nuxt.js @chf-gh

现在有好的解决方案吗？楼上这位兄弟的不行啊 根本渲染不出来

我用markdown-it 插件直接在服务端将markdown格式的字符串转 html的标签（一定要在 asyncData方法中转换字符串），使用v-html插入就行了。经测试使用postman调用页面地址能看到markdown字符串已经转成html了。 插入后只是实现了ssr，没有样式，可以从网上下载一些markdown的样式css，我用的是github-markdown-css样式。地址在:https://github.com/sindresorhus/github-markdown-css

非常感谢，我也是用的这个解决方案，但是有一些特殊的比如xml和高级公式以及复杂的表格就无法解析出来，有遇到这种情况吗？

我整了半天也没搞出来，如何让这个插件支持服务端渲染？

现在研究出来没有？我也是，我用的nuxt.js @chf-gh

现在有好的解决方案吗？楼上这位兄弟的不行啊 根本渲染不出来

我用markdown-it 插件直接在服务端将markdown格式的字符串转 html的标签（一定要在 asyncData方法中转换字符串），使用v-html插入就行了。经测试使用postman调用页面地址能看到markdown字符串已经转成html了。 插入后只是实现了ssr，没有样式，可以从网上下载一些markdown的样式css，我用的是github-markdown-css样式。地址在:https://github.com/sindresorhus/github-markdown-css

非常感谢，我也是用的这个解决方案，但是有一些特殊的比如xml和高级公式以及复杂的表格就无法解析出来，有遇到这种情况吗？

暂时没有遇到，如果解析不出来应该是markdown-it不支持。

我整了半天也没搞出来，如何让这个插件支持服务端渲染？

现在研究出来没有？我也是，我用的nuxt.js @chf-gh

现在有好的解决方案吗？楼上这位兄弟的不行啊 根本渲染不出来

我用markdown-it 插件直接在服务端将markdown格式的字符串转 html的标签（一定要在 asyncData方法中转换字符串），使用v-html插入就行了。经测试使用postman调用页面地址能看到markdown字符串已经转成html了。 插入后只是实现了ssr，没有样式，可以从网上下载一些markdown的样式css，我用的是github-markdown-css样式。地址在:https://github.com/sindresorhus/github-markdown-css

非常感谢，我也是用的这个解决方案，但是有一些特殊的比如xml和高级公式以及复杂的表格就无法解析出来，有遇到这种情况吗？

暂时没有遇到，如果解析不出来应该是markdown-it不支持。

恩好，还有一些问题想请教一下，如何可以联系到您呢

我整了半天也没搞出来，如何让这个插件支持服务端渲染？

现在研究出来没有？我也是，我用的nuxt.js @ chf-gh

现在有好的解决方案吗？楼上这位兄弟的不行啊根本渲染不出来

我用markdown-it插件直接在服务端将markdown格式的字符串转html的标签（一定要在asyncData方法中转换字符串），使用v-html插入就行了。经测试使用postman调用页面地址能看到markdown字符串已经转成html了。 插入后只是实现了ssr，没有样式，可以从网上下载一些markdown的样式css，我用的是github-markdown-css样式。地址在：https：//github.com / sindresorhus / github上-降价-CSS

哈喽 大兄弟 还能联系上吗？

我也遇见了这个问题，本来准备使用楼上兄弟的办法的，后来看到这个插件的源码render的时候对markdown-it做了很多的处理，目前我是直接在编辑器页面保存的时候，把html和md直接都存了一份，单纯展示的时候直接拿html来用，low逼方法，为了保持编辑器展示窗口和展示页面效果统一。

还是希望作者能早日加入服务端渲染的功能吧

我知道怎么支持SSR服务端渲染了，折腾半天，亲测有效，https://www.leachchen.com/ 我这个网站里面文章部分就这样处理的。样式也跟后台管理系统录入的差不多。

第一步： 导入github-markdown样式 import 'mavon-editor/dist/markdown/github-markdown.min.css'; //直接使用mavon-editor里的或者自己安装下该样式

第二步： 安装这个插件，mavon-editor里其实也用的它，npm install markdown-it

第三步： import markdownIt from "markdown-it";

第四步： var html = markdownIt({ html: true, linkify: true, typographer: true }).render(md)

第五步： 添加样式 .markdown-body { box-sizing: border-box; margin: 0 auto; padding: 25px; }

第六步： 使用 v-html显示上面的html，注意务必要添加markdown-body的class