在页面调用wp编辑器 tinyMCE以及遇到的问题

Posted Emdrive

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在页面调用wp编辑器 tinyMCE以及遇到的问题相关的知识,希望对你有一定的参考价值。

有多了wp后台的编辑器觉得还不错,由于项目需要在前端页面调用wp编辑器  ,在这里简单说明下。

$content 编辑器初始化内容,相当于默认值,

$editor_di  textarea的ID ,

$settings   的元素太多了,包含一个name的元素,这个用到的比较多,有兴趣了解的可以搜搜。

wp_editor( string $content, string $editor_id, array $settings = array() )。

在需要的地方调用这个函数就可以了,还是挺简洁实用的。

函数调用还是挺方便的,在这里我带来一个获取编辑器输入数据的问题,获取不到编辑器第一次改变的值,这个是由于编辑器初始化问题,

当时遇到这个问题,也是觉得蛮奇怪的,也是一脸的懵逼。

如果大家有遇到这样的问题,可以试试下面的解决办法:

                        <script type="text/javascript">          

                               jQuery(\'#submit\').mousedown( function(){  

                                     tinyMCE.triggerSave();

                              });  

                         </script>

以上是关于在页面调用wp编辑器 tinyMCE以及遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

用mvc框架中页面 用的 Jquery,在使用dialog是 使用 TinyMce的 图片上传以及富文本编辑器,

wordpress评论如何修改调用tinymce

vue tinymce 控制图片大小上传,以及富文本编辑框在dialog的问题

初始化所有 tinyMCE 编辑器后如何设置回调执行?

vue项目如何使用tinymce5

vue项目如何使用tinymce5