如何在tinymce-react中加载插件?

时间:2019-04-01 05:59:54

标签: tinymce tinymce-plugins

因此,我最近购买了PowerPaste插件的自托管版本。我下载了它,解压缩并将其复制到node-modules / @ tinymce文件夹中。但是,当我尝试加载它时,它仍然尝试从云中获取powerpaste插件,而不是在本地读取它。

从我在线阅读的内容来看,tinymce-react似乎仅支持TinyMCE的云版本,而不支持自托管版本。那么我有什么选择来加载此插件?

2 个答案:

答案 0 :(得分:0)

tinymce-react如果找不到本地的Tiny安装,将从云中加载。

从GitHub上的官方文档(重点是我的):

  

编辑器组件需要TinyMCE才能在全球范围内可用,   但要使其尽可能简单,它将自动加载TinyMCE   如果组件为“ ”,则无法找到可用的TinyMCE   安装

如果您不希望从云中加载TinyMCE,则必须自己使TinyMCE全局可用。这可以通过在您自己的Web服务器上托管Tiny并向您的HTML中添加脚本标签来完成,或者,如果您使用的是模块加载器,则可以通过npm安装TinyMCE。有关如何使TinyMCE与模块加载器一起工作的信息,请参阅文档中的this page

如果您已经购买了PowerPaste,那么您很可能可以访问Tiny的官方支持渠道。如果您仍然需要帮助,可以提交票证here

答案 1 :(得分:0)

您可以尝试这样的事情:

import tinymce from 'tinymce/tinymce'
import 'tinymce/plugins/powerpaste' // or wherever your purchased plugin is
import { Editor } from '@tinymce/tinymce-react'

<Editor
  init={{
    plugins: 'powerpaste'
  }}
/>

值得注意的是,您不再需要使用这种方法从云中获取Tinymce,而需要将其添加到package.json中。如上所述,tinymce-react组件将首先检查云,但是以这种方式在全球范围内将其包括在内。您可能还必须以这种方式添加其他插件,因为它不再来自云。例如:

import 'tinymce/plugins/image'
import 'tinymce/plugins/imagetools'
import 'tinymce/plugins/table'
import 'tinymce/plugins/hr'
import 'tinymce/plugins/link'