简介
为什么要使用 XiaoYouEditor?
如果您有打算自己手写一个花里胡哨的博客系统的打算,那么您首先需要考虑到的一个问题就是
“如何在自己的博客后台生成好看的博客内容?”
在此之前，相信大多数人的选择会是 富文本编辑器 或者 Markdown 编辑器,对于生成一些简单朴素的内容而言,它们都是很好的选择。
但随着个人对博客美观程度的要求提高,它们或许很难满足博友们的需求,至少对于作者来说这是促使我写这个插件的原因
现如今,您有了另一个更好的选择——xiaoYouEditor
如何使用 XiaoYouEditor?
如果您只想渲染一些文字的话那么其实这个插件就是开箱即用的。
如果你想渲染一些花里胡哨的内容,那就不得不借助 Vue 组件来实现。
定义一个自定义的渲染组件很简单,首先创建一个组件然后注册为全局组件即可,看吧是不是非常的简单易上手。
此时肯定有人会说
”不就是把一堆内容全部集中在一个组件里了,总不能让组件一直显示静态的文字内容吧?“
作者答
“可曾听闻 props 传参?正好编辑器也支持使用 props 动态传入参数,根据传入的 props 您可以动态控制每个组件的渲染内容!”
此时一位路过的懒癌患者说
“还要自己写组件渲染?算了算了”
作者答
“大哥先别 且听小弟一言。”
“小弟贴心的为各位大哥提供了一堆现成的实用功能组件”
这些小组件可都是作者多年积攒的精华哟 ~。~
说到这儿 您是不是以为这就是本插件骚操作的极限了吗？
还真是 看人真准
呸呸呸
接下来隆重有请本插件 最帅的 最骚的 最具创造性的 特性——Custom Parse(自定义解析器)
在此特性的加持下 您甚至可以自己创建一个自己书写内容的语法
有人说
“我习惯了 Markdown 的书写语法”
作者答
“没关系 只要你足够强 你就可以利用自定义解析器去实现 Markdown 的书写语法”
如果想了解该特性更多的细节请移步至进阶篇