強制HTML編輯器識別/容忍CMS特定標籤

我打算使用Markitup實例（http://markitup.jaysalvat.com/home/）在網站上設置HTML格式，但希望包含按鈕/特定於CMS的設置我將從內容中提取內容。問題在於，雖然所述元素被格式化爲HTML標籤，但編輯器不會識別它們或允許它們纏繞在內容/文本上。強制HTML編輯器識別/容忍CMS特定標籤

我不需要標籤被解析做，我只需要編輯器能夠插入它們，但它們識別爲HTML中的設置是不成功的，因爲是它們識別爲文本。

有什麼辦法可以使用像這樣的編輯器來包裝現有內容的自定義標籤嗎？

我想要實現的是，在本質上，擊中編輯器中的按鈕，用提示詢問幾個不同的參數，然後用剩餘的選定HTML包裝標籤進行響應，結果尋找像這樣：

<box title="EXAMPLE" align="LEFT">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut nisl id sem volutpat interdum. Donec ante sapien, tincidunt nec venenatis at, posuere a magna. Suspendisse id metus sapien. Nullam sed rutrum tellus. Integer laoreet sem non lorem elementum ultricies.</box>

來源

2012-01-14 Cory

從未使用過Markitup，事實證明它相當簡單。從html demo開始，您將需要修改markitup 3件事情/套/ HTML /：

添加圖像您按鈕的圖像文件夾（或選擇一個現有的現在）。
添加對style.css中圖像的引用。似乎每個按鈕都會根據按鈕行中的順序獲取一個類（.markItUpButton1，.markItUpButton2等）。有些人使用不同的班級（清潔/預覽），但仍然計數。所以我在最後添加了一個按鈕，它是第18個，代碼是：.markItUp .markItUpButton18 a {background-image：url（images/box.png）;}或者，您可以使用「className」在set.js中的屬性和引用。
將一個對象添加到set.js.使用現有的按鈕進行比較。

您可以先在如此簡單的東西：

{name:'Box', openWith:'<box>', closeWith:'</box>'}

添加屬性的語法是有點古怪，但同樣你基本上可以通過查看其他按鈕獲得要點：

{name:'Box', openWith:'<box title="[![Title]!]" align="[![Align]!]" >', closeWith:'</box>' }

測試和工作正如你所描述的！如果您有任何問題，請告訴我。對我來說最困難的部分是意識到，如果不下載額外的「集合」（例如html），我就無法運行任何示例。

來源

2012-01-14 22:02:21 Jere

這工作完美！正是我在找什麼。非常感謝！ – Cory 2012-01-14 22:39:19

一個問題：是否有可能將標籤包裹在所有選定的文本週圍，而不是爲選中的每一行文本生成一對標籤？ – Cory 2012-01-15 00:37:21

根據文檔，應該可以通過在按鈕上使用「多行」選項>但是，我無法做到這一點，我也找不到任何可以證明它的例子。多線支持在v1.1.11中添加。也許這是一個錯誤？ http://markitup.jaysalvat.com/documentation/ – Jere 2012-01-15 01:19:50

強制HTML編輯器識別/容忍CMS特定標籤

回答

相關問題