在Vue中嵌入neditor

neditor是一款基于百度ueditor的富文本编辑器,它的本质其实也是ueditor,只是对外观进行了美化,个人感觉效果还不错,有很多其他编辑器都没有的功能。
本文是用Vue-cli进行搭建的。
具体的结构如下:


在Vue中嵌入neditor_第1张图片
项目结构.jpg

将neditor下载下来保持到static静态文件中


在Vue中嵌入neditor_第2张图片
neditor的目录.jpg

接下来在main.js中引入neditor:

// neditor
import '../static/neditor/neditor.config.js'
import '../static/neditor/neditor.all.min.js'
import '../static/neditor/i18n/zh-cn/zh-cn.js'
import '../static/neditor/neditor.parse.min.js'

然后将编辑器单独写成一个组件:
嵌入编辑器的思想是先写一个编辑器的组件,然后把它嵌到需要的地方,组件的代码如下:






父组件中调用:


    
# 读出编辑器内容的方法:

你可能感兴趣的:(在Vue中嵌入neditor)