我不知道这个问题是否是重复的,如果是,我很抱歉。
我有一个在管理端工作的插件。在那里,我有一个页面,我需要打印至少一个TinyMCE编辑器。在阅读了抄本之后,我发现我可以使用wp\\U编辑器将其打印到前端。
<?php wp_editor("Some text", "my-editor");?>
但是,我需要在某些事件上对此编辑器进行一些更改。例如,有一种情况,在点击按钮时应该隐藏编辑器;在某些情况下,我还需要从编辑器的文本区域获取文本,这应该通过JS/JQuery动态完成。
我认为,与其他元素一样,只需选择编辑器id(我的编辑器)就可以完成所有这些事情。事情并没有按照我的预期发展。我已经测试了一些JQuery,下面是它的样子:
$("#btn-hide-editor").click(function() {
$("#my-editor").css("display", "none");
});
对于使display属性等于none的这种特定情况,我还尝试用div包装编辑器,然后使该div为;显示:无;。它也不起作用。
如果有人能指出我在这里遗漏了什么以及可能的解决方案,我将不胜感激。
编辑1:
本文件;“发布”;仅在编辑器的“视觉”选项卡上发生。我的代码似乎适用于文本选项卡。理想情况下,我希望能够使用可视化选项卡,所以这仍然是一个问题。
最合适的回答,由SO网友:Sabry Suleiman 整理而成
好的,您需要删除编辑器的wrap div,如下所示:
$("#btn-hide-editor").click(function() {
$("#wp-my-editor-wrap").css("display", "none");
});
包裹div id包括
wp-[your-id]-wrap