【问题标题】:I am not able to change the position of my ck editor我无法更改 ck 编辑器的位置
【发布时间】:2016-05-05 22:50:20
【问题描述】:

我无法定位我的 ck 编辑器。

下面是JS客户端代码

  Template.a.onRendered(function(){
    CKEDITOR.replace('b');
    $('CKEDITOR').css({'position':'relative','left':'-40px', 'top': '5px'});
  });

在 ck 编辑器替换了编辑器 id 之后,在这种情况下是“b”。我如何改变它的位置。上述方法不起作用。这样做的正确方法是什么?
我是编程新手。所以,请原谅我对编程约定的任何转移。任何帮助将不胜感激。

【问题讨论】:

  • 它是自定义标记名吗?喜欢<CKEDITOR> 否则你错过了#. 我猜
  • 自定义标签名。它用 ck 编辑器替换 textarea。 # 要么 。这里不需要

标签: javascript css meteor ckeditor


【解决方案1】:

像这样使用纯 css 怎么样(使用 ID 或 Class 来选择 Dom):

#my_ckeditor{
    position:'relative' !important;
    left:'-40px' !important;
    top: '5px' !important;
}

您可以为 ckeditor 添加一个 Id,然后将此 id 用作 CSS 的选择器。
重要的!表示此样式的优先级高于默认的 CKeditor 样式表。

【讨论】:

  • 我认为我不能使用它,因为我在其他地方也使用过 CKEDITOR,它也会改变那些 ck 编辑器的位置
  • “!important”将如何解决问题?你能解释一下吗?
  • 如何在 JS 代码中使用“my_ckeditor” id?请在这里帮忙。或者更确切地说,我如何在 JS 代码中定义 my_ckeditor,因为如果我按原样使用,它将返回“未定义”错误。
  • 嗨。 ckeditor 将您的 'b' id 替换为 'cke_b'。您可以使用 chrome 工具或 firefox 工具检查这一点并查看源代码。所以你需要在你的 css 中调用 #cke_b 或使用 js 调用 $("#cke_b")。
  • 谢谢。它解决了我的问题。太感谢了。最后问了一个非常愚蠢的问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-06-29
  • 2020-04-30
  • 1970-01-01
  • 2019-07-28
  • 1970-01-01
  • 2013-10-27
  • 1970-01-01
相关资源
最近更新 更多