如何隐藏CKEditor

Question

我在同一个页面中有两个 CKEditor。我怎样才能隐藏其中之一？

我试图将文本区域的显示和可见性更改为隐藏，但它不起作用。

$("textarea[name=icerik]").css("visibility", "hidden");
$("textarea[name=enicerik]").css("visibility", "visible");

这里是最初的 CKEditors：

  CKEDITOR.replace( 'icerik' );
  CKEDITOR.replace( 'enicerik' );

Answer 1

听起来您没有从您提供的 jQuery 中获得正确的元素：

$("textarea[name=icerik]")

右键单击您不需要的 CKEditor，然后单击 'Inspect Element'。在控制台中，查找 CKEditor 的顶部 div 并找到其 ID 或名称。如果您找到它的 ID，您将可以调用：

$('#ckeditor-id').hide();

如果没有 CKEditor 的 ID，您将需要提供有关问题的更多详细信息。如果您提供项目中的一些代码或从代码生成的 html，那么诊断问题会更容易。

提示：您还可以在单击 'inspect element' 后使用 'console' 选项卡查看任何 javascript/jQuery 错误。如果您确实没有从您提供的 jQuery 中获得正确的元素，控制台中将显示错误。

编辑

尝试在 CKEditor 的加载回调中调用它，而不是文档：

CKEDITOR.on("instanceReady", function(event)
{
     //put your code here
});

Answer 2

这对我有用：

<style>
.cke_top {
  display: none !important;
}             
</style>

How to hide CKEditor