如何将 TinyMCE 与 NuxtJS 结合使用

2023-12-01

我正在尝试构建一个博客平台,我需要使用文本编辑器,并且我考虑过 CKeditor 和 TinyMCE,但没有关于如何将其与 NuxtJS 一起使用的视频或良好说明。

如果有人可以帮助我,我将不胜感激。


请不要使用 CDN,而是使用以下解决方案is here.

有了这样的东西

<template>
   <div id="app">
     <img alt="Vue logo" src="./assets/logo.png">
     <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'
       }"
     />
   </div>
 </template>

 <script>
 import Editor from '@tinymce/tinymce-vue'

 export default {
   name: 'app',
   components: {
     'editor': Editor
   }
 }
 </script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将 TinyMCE 与 NuxtJS 结合使用 的相关文章

随机推荐