移动 CKEditor 节点时 Javascript DOM 失败

标签 javascript html ckeditor fckeditor

我需要能够在整个网页上交换 CKEditor 富文本区域。我当前的脚本在未应用 CKEditor 时效果很好,但在应用 CKEditor 时无法成功移动文本区域(和输入的文本)。这是一些代码(需要 ckeditor 才能工作):

<html>
<head>
    <title>Sample - CKEditor</title>
    <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
<body>
    <form method="post">
        <p>
            My Editor:<br />
      <a href="#" onclick="swap(this.parentNode.nextSibling.nextSibling, this.parentNode)">first link</a>
            <textarea name="editor1">&lt;p&gt;Initial value.&lt;/p&gt;</textarea>
            <script type="text/javascript">
                CKEDITOR.replace( 'editor1' );
            </script>
        </p>
        <p>
            My Editor2:<br />
            <textarea name="editor2">&lt;p&gt;Initial value2.&lt;/p&gt;</textarea>
            <script type="text/javascript">
                CKEDITOR.replace( 'editor2' );
            </script>
        </p>
        <p>
            <input type="submit" />
        </p>
    </form>
</body>
</html>
<script>
  function swap(from, to){
    if(from && to){
      var parent = from.parentNode;
      var t;
      if(parent){
        t = parent.removeChild(from);
        parent.insertBefore(t, to);
        t = null;
      }
      delete(t);
      delete(parent);
    }
  }
</script>

如果您注释掉 CKEDITOR.replace() 调用,那么进行交换就没有问题。关于如何解决这个问题有什么建议吗?谢谢。

最佳答案

事实证明这是一个错误。 http://cksource.com/forums/viewtopic.php?t=18417

关于移动 CKEditor 节点时 Javascript DOM 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2677757/

相关文章:

javascript - javascript对象中的互斥 bool 值?

jquery - 如何使 jquery 适应 `@media (max-width)`

html - 使用响应式设计搜索...宽度 100%?

javascript - 使用rails_admin时向ckeditor添加插件

javascript - 获取具有动态列数的表的最后一行、最后一列的值

javascript - 将文本从一个 div 移动到另一个 div,同时更改其背景颜色、字体和文本颜色

javascript - 如果页面上不存在特定类,则添加类

html - 图像悬停将无法使用 CSS 背景

plugins - CKEditor-保存多个可编辑的内容-剥离的Divs

javascript - 使用 CKEditor 的动态主体颜色