【问题标题】:Add maximize and source editing plugins for inline editing添加最大化和源代码编辑插件以进行内联编辑
【发布时间】:2013-01-05 23:10:51
【问题描述】:

当我在 CKEditor 中使用内联编辑时,没有显示最大化和源编辑按钮。如何激活然后进行内联编辑?

感谢和问候,

拉尔夫

【问题讨论】:

    标签: ckeditor


    【解决方案1】:

    我无法评论 Reinmar 的回答,所以我只会“回答”。您看不到此选项的必要性这一事实并不意味着它不存在。我有一种情况,我想使用内联编辑器,但想提供最大化编辑区域的选项。我会详细说明一下。

    在我的情况下,固定尺寸的(多个)编辑区域(=> 滚动 div)。这些 div 用于用户输入数据。在某些情况下,尽管 div 对于用户数据来说不够大,因此我会让用户最大化编辑区域。完成后,他们可以关闭或恢复最大化的编辑器,数据将显示在滚动的 div 中。

    基本上我想要的是拥有一个包含多个编辑区域的页面。工具栏应该只在用户开始编辑区域时才可见。内联编辑器非常适合这一点(如果出于性能原因可以共享,则更是如此),但它缺乏最大化的选项。

    【讨论】:

      【解决方案2】:

      CKEditor 4.1 (ticket) 将添加内联源代码编辑。所以在二月中旬应该准备好了。

      在内联编辑中最大化是不可能的,或者说是毫无意义的。内联编辑是关于编辑真实页面的一部分。如果您将编辑区域最大化,那将是不真实的。无论如何,要最大化它是非常困难的,因为这是我们无法完全控制的元素。

      【讨论】:

      • 感谢您的回答。你说的有道理。由于我现在使用内联编辑功能,我真的很喜欢它,并且不会再错过最大化。
      • 这不是不可能的。只需给它position:fixed 和正确的尺寸,它就会被最大化甚至继承所有父样式(如果需要)。接下来,将工具栏固定在其顶部并控制其调整窗口大小的尺寸。用户完成后恢复原始位置。简单的。顺便说一句,在某些情况下这是有道理的。
      • 正如我所写的——它可能并不像你想象的那么简单,尽管我并不是说这是不可能的。我的意思是不可能取得好的结果——相信我——当使用 contenteditable 时,一切都是痛苦的。当在最大化容器中编辑内联内容有意义时,我也想不出任何有趣的案例。如果您知道,那么您可以在dev.ckeditor.com 上创建功能票。我们会考虑你的情况。
      【解决方案3】:

      我已经制作了一个插件,其中包括在内联模式下的源代码编辑:I can't add the Source button to CKEditor 4's toolbar

      【讨论】:

      • 感谢插件提示。我将它添加到我的项目中并且它有效。好一个。虽然我也会等待 CKEditor 4.1 的官方内联源编辑。
      【解决方案4】:

      关于 HTML 源代码:CK Editor 4 内联编辑器不支持就地源代码编辑,但有一个解决方案:

      • 在您的 CKEditor 构建中添加 Source Editing Area 插件
      • 在您的 editorConfig 中修改工具栏定义以包含 Sourcedialog 项而不是 Source 一项:

        config.toolbar = [
            { name: 'document', items: ['Sourcedialog'] }, 
            ...
        ];
        

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2023-02-10
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-11-03
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多