如何使用jQuery将TinyMCE WYSIWYG编辑器添加到文本区域?

时间:2019-09-12 作者:Matthew Brown aka Lord Matt

使用jQuery(作为主题或插件的一部分)如何将所见即所得(TinyMCE)富文本编辑器添加到<textarea>? 具体来说,我想在满足某些条件(表单的更改等)后激活它。

我有一个计时器事件,出于多种原因定期检查文本大小,这将是激活编辑器的函数。

我需要做什么才能使TinyMCE在前端可用,并根据需要连接/激活它?(看起来用户正在编写大量文本,请激活TinyMCE)。我想我需要排队,但除此之外,我只是在猜测。

我的问题与this one 但不同之处在于,我想用jQuery实现这一点。也相关,this one, 但这只是部分答案(我仍然需要知道该挂什么钩)。我需要设置它,然后用jQuery激活它。

1 个回复
最合适的回答,由SO网友:Sally CJ 整理而成

我只想将WordPress JavaScript API用于TinyMCE&mdash;wp.editor.

简要步骤如下:

PHP:通过wp_enqueue_editor().

JS:调用wp.editor.initialize() 从您的脚本。

请注意:(此功能是指wp.editor.initialize)

如果此函数不起任何作用,请确保wp.editor.getDefaultSettings 是一个函数。

这意味着,如果它不是一个函数,那么虽然浏览器/控制台中没有抛出错误textarea 不会转换为TinyMCE编辑器。