Question

我想在特定网站页面上启用Ckeditor来管理HTML内容。

问题是我想保留一个特定的HTML结构如下：

<div>
<div id="div1" class="full">
    <div id="div1_content" class="content">
        Some text
        <a class="link1" href="#">Some link caption</a>
    </div>
</div>
<div id="presentation" class="content">
    <h3>Some title</h3>
    <div class="description">
        Some description text (lorem ipsum dolor sit amet consectetuer ...)
    </div>
</div>

我需要制作每个＆＃34;文字＆＃34;元素可定制：

一些文字
一些链接标题
一些标题
一些描述文字（lorem ipsum dolor sit amet consectetuer ...）

目的是防止更改为HTML结构（我猜应该有一些＆＃34; readonly＆＃34;部分）。

如果没有用ckeditor实现，也许我可以使用另一个插件？

感谢您的帮助！

Answer 1

如何使每个文本部分成为内联编辑器？这样，周围的HTML甚至无法加载到编辑器中，因此是安全的。如果包装是一个问题，包装/展开也可以在运行中完成。您可以通过自定义非常严格的ACF规则（或使用替代方法，例如手动将其转换为文本输入），使用单行元素（如H3）执行此操作。

至于链接，我会使用另一种编辑解决方案，或者是否也需要使用CKE（为什么？），严格的ACF方法。

<div id="div1" class="full">
    <div id="div1_content" class="content">
        <div class="inlineEditor">
            Some text
        </div>
        <a class="link1" href="#">Some link caption</a>
    </div>
</div>
<div id="presentation" class="content">
    <h3>Some title</h3>
    <div class="description">
        <div class="inlineEditor">
            Some description text (lorem ipsum dolor sit amet consectetuer ...)
        </div>
    </div>
</div>

Answer 2

CKEditor widgets可能是您正在寻找的东西。

小部件是特殊的丰富内容单元，因为它们是在编辑器中被视为单个实体的元素组。

一旦开发出来，它们的结构（但不一定是它们的内容）是不可变的，并且由它们所使用的CKEditor实例强制执行。因此可以在编辑区域周围自由地选择和删除这些实体或移动它们，保持它们的预定义结构完好。同时，窗口小部件的所有单独部分（其“构建块”）可以再次单独编辑或配置，而不会影响整个窗口小部件实体及其在此过程中的结构。

特别参见basic template widget called "Simple Box"中为演示目的而创建的step-by-step tutorial，其源代码随时可用。您应该能够根据需要进行调整，创建自定义结构，而不需要太多努力。

Answer 3

有关信息，我最后使用了http://createjs.org/

Ckeditor：定制特定区域

3 个答案: