Ckeditor：自定義特定區域

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>

我需要使每個“文本”元素可自定義：

• 一些文字
• 一些鏈接標題
• 一些頭銜
• 一些描述文字（lorem ipsum dolor sit amet consectetuer ...）

目的是防止更改HTML結構（我猜應該有一些“只讀”部分）。

如果未使用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小部件可能是您想要的東西。

小部件是特殊的豐富內容單元，因為它們是元素的組，在編輯器中被視為單個實體。

一旦開發，它們的結構（但不一定是它們的內容）是不變的，並由使用它們的CKEditor實例強制執行。因此，可以選擇和刪除這些實體，也可以在編輯區域整體上自由移動這些實體，從而保持其預定義結構完整。 同時，再次可以分別編輯或配置小部件的所有各個部分（其“構建塊”），而不會影響整個小部件實體及其過程中的結構。

尤其請參見名為“簡單框”的基本模板小部件 ，該小部件是在分步教程中為演示目的而創建的，並提供了源代碼。 您應該可以輕松調整它，以創建自定義結構，而無需付出太多努力。

Answer 3

有關信息，我最終使用了http://createjs.org/