TinyMCE Vue
made with Vuejs

TinyMCE Vue

这是TinyMCE的官方Vue.js组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

TinyMCE是流行的富文本编辑JavaScript库。TinyMCE Vue是TinyMCE官方发布的Vue组件,可以更轻松地在Vue应用程序中使用TinyMCE。

安装

Npm

npm i  @tinymce/tinymce-vue

Yarn

yarn add @tinymce/tinymce-vue

使用

引入并注册

import Editor from '@tinymce/tinymce-vue'

 export default {
   name: 'app',
   components: {
     'editor': Editor
   }
 }

使用

 <editor
   api-key="no-api-key"
   :init="{
     height: 500,
     menubar: false,
     plugins: [
       'advlist autolink lists link image charmap print preview anchor',
       'searchreplace visualblocks code fullscreen',
       'insertdatetime media table paste code help wordcount'
     ],
     toolbar:
       'undo redo | formatselect | bold italic backcolor | \
       alignleft aligncenter alignright alignjustify | \
       bullist numlist outdent indent | removeformat | help'
   }"
 />

示例

经典模式

image.png

行内模式

image.png

无干扰模式

image.png

作者

相关项目

这是一个基于Vue.js的Github样式的日历热图。
这是一个基于Splide的Vue滑块组件。
这是一个基于Vue的滚动条组件。
这是一个Bootstrap风格简单分页组件。
这是一个Vue.js 2打字机效果组件 。
这是一个漂亮的Vue聊天组件。
这是一个基于Vue.js的模拟命令行效果的动画组件。